更多实例

自定义用户输入组件对应标题和field(打印对应的值),拖拽结果以json形式存在，点击下方生成json按钮。配置版查看实例2

可视化结果以Json的形式存在，用户可以编辑Json实现特殊化操作，如：数据formatter，文本变色,单元格改变背景等。具体请参考文档。

功能说明 自定义如何引入资源

jq(必选)，hiprint.bundle.js(必选)，print-lock.css(必选)，JsBarcode.all.min.js(非必选)-打印条形码需引入，qrcode.js(非必选)-打印二维码需引入

资源引入

<!-- 最新版本的 HiPrint 核心 CSS 文件 -->
<link  src="print-lock.css" >

<!-- JQ -->
<script src="stylesheet" href="jq" >

<!-- 最新的 HiPrint 核心 JavaScript 文件 -->
<script src="hiprint.bundle.js" ></script>

初始化程序

<!-- 初始化打印插件，独立使用无需传参 -->
 hiprint.init()

开始打印

<!-- customPrintJson:是textarea中的json,点击上方生成按钮即可生成 -->
var printTemplate=new hiprint.PrintTemplate({ template: customPrintJson });

<!-- printData是打印所对应的数据，getSimpleHtml：获取html(已分页),可自行预览,后台转PDF 转图片或打印 -->
var $html= hiprintTemplate.getSimpleHtml(printData); 

<!-- 打印：html已获得，打印js 大家可自行选择合适的进行打印，但记得传入print-lock.css -->

可视化结果以Json的形式存在，用户可以编辑Json实现特殊化操作，如：数据formatter，文本变色,单元格改变背景等。具体请参考文档。