electron-print-preview

2.2.0 • Public • Published

electron-print-preview : 模拟浏览器中的打印预览模块。(参考浏览器为electron项目提供打印预览功能)

注意

  1. electron不同版本之间打印相关api变化比较大
  2. 当前组件依赖于electron@24.1.2

安装

NPM

使用

  1. 创建一个electron项目
  2. 安装依赖 yarn add electron-print-preview
  3. 调用打印预览api接口
const {startPrint} = require("electron-print-preview");
const {app} = require("electron");
app.whenReady().then(()=>{
    startPrint({htmlString :`<style>h1{color: #42b983}</style> <h1>hello world !</h1>`},undefined)
})

4. 自定义预览页面的样式

const {startPrint,initPrintPgae} = require("electron-print-preview");
const {app} = require("electron");
app.whenReady().then(()=>{
    initPrintPgae({style:"body{background-color: black;} .options{background-color: cadetblue;}"})
    startPrint({htmlString :`<style>h1{color: #42b983}</style> <h1>hello world !</h1>`},undefined)
})
  1. 预览页面加载完成执行js
const {startPrint,initPrintPgae} = require("electron-print-preview");
const {app} = require("electron");
app.whenReady().then(()=>{
    initPrintPgae({style:"body{background-color: black;} .options{background-color: cadetblue;}",script:"alert('初始化完成')"})
    startPrint({htmlString :`<style>h1{color: #42b983}</style> <h1>hello world !</h1>`},undefined)
})
  1. Ctrl+F12可以打开预览页面的控制台

Package Sidebar

Install

npm i electron-print-preview

Weekly Downloads

44

Version

2.2.0

License

MIT

Unpacked Size

89.5 kB

Total Files

23

Last publish

Collaborators

  • whaleluo