JSPM – electron-print-preview2@1.1.0

Package Exports

electron-print-preview2
electron-print-preview2/dist/print/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (electron-print-preview2) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

注意

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

安装

使用

创建一个electron项目
安装依赖 yarn add electron-print-preview
调用打印预览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)
})

预览页面加载完成执行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)
})

Ctrl+F12可以打开预览页面的控制台