文章目录

dom节点打印组件

项目地址

源码仓库: @pzy915/print-dom

npm 地址: @pzy915/print-dom

文档地址: @pzy915/print-dom

作用

基于 ts 和 iframe 实现的 dom 节点打印组件

安装

pnpm add @pzy915/print-dom

特别注意事项:
组件内部的实现方式是先将待打印节点克隆一份出来，再对克隆的节点进行打印。但克隆过程中并不会克隆样式，并且样式也只能通过printCssArr属性指定

ts

import { DomPrintConfig, doPrint } from '@pzy915/print-dom'

const domPrintConfig: DomPrintConfig = {
  htmlDomOrHtmlSelector: `#${id}`,
  printCssArr: [`${baseUrl}demo.css`],
}
doPrint(domPrintConfig)