electron-print-preview

KO | EN

gitlite — search

#python #java #python3 #arduino #golang #machine-learning #rust #html #flask #javascript #seismology #nodejs

electron-print-preview

★ 17 Open GitHub ↗

A print preview module that simulates chrome browser

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

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

[![NPM](https://nodei.co/npm/electron-print-preview.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/electron-print-preview/)

## 使用

1. 创建一个electron项目 
2. 安装依赖 ```yarn add electron-print-preview```
3. 调用打印预览api接口
```js
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)
})

```
![](https://whaleluo.oss-cn-beijing.aliyuncs.com/imageselectron_pdf.gif)
4. 自定义预览页面的样式
```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;}"})
    startPrint({htmlString :`<style>h1{color: #42b983}</style> <h1>hello world !</h1>`},undefined)
})
```
5. 预览页面加载完成执行js
```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)
})
```
6. Ctrl+F12可以打开预览页面的控制台

electron-print-preview

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README