react调用打印功能

使用jQuery浏览插件可以很方便的进行局部打印，常用的插件有：

1)jquery.print.js 下载地址：https://github.com/DoersGuild/jQuery.print

2)jquery.print-preview.js 下载地址：https://github.com/etimbo/jquery-print-preview-plugin

官网上都有demo可以参考，本次介绍的是另外的一种方式。

使用print.js打印。

安装

1.使用npm安装：

npm install print-js --save

使用yarn安装：

yarn add print-js

引入：

import printJS from 'print-js'

使用

print-js支持的打印格式有四种，pdf，html，json，image。下面简单介绍一下。

1.打印图片

imageUrl为图片的地址，支持放入多个图片，数组的形式；

printJS({printable: [`${imageUrl}`], type: 'image', imageStyle: 'width:80%'});

2.打印pdf

默认的为pdf，所以可以直接打印，不许指定类型；

printJS('/test/manual/test.pdf');

3.打印html：

printable的值为需要打印标签的id。

printJS({

    printable: 'test',

   type: 'html'

});

4.可以打印数据，通过json的格式，可以设置样式。

 

更详细的内容可以查看:https://github.com/crabbly/Print.js.

该地址提供的说明也不是特别详细，有兴趣小伙伴或者有特殊需求的小伙伴可以查看一下源码，比较简单。