【新模板】新打印编辑器使用手册

云管家新的打印编辑器已经上线了，欢迎联系客服QQ【4006980600】开通使用!

新的打印编辑器采用了全新的外观设计和交互方案，整体上更加的简洁、大方、易用，并使用同一套方案同时满足普通模版、套打、一票通等不同场景下的打印需求；

在技术层面，我们采用新的架构设计，除了满足打印“所见即所得”的基础需求外，更提供更强大的功能，如图片、二维码、条形码、复杂表格的自定义配置，满足各种不同的打印需求场景。

切换到新打印模版

开启新打印模版步骤：

1. 进入到 设置 -> 电脑打印页面

2. 开启新打印插件，并开启新打印模版

3. 点击保存，并刷新页面

请确保有下载并安装最新的打印插件

编辑器介绍

打印编辑器大致分为5个部分：

1. 可编辑组件，包括制作打印模版常用的组件元素和单据字段数据

2. 打印编辑区域，可将可编辑组件拖入该区域，进行编辑和配置

3. 工具条，包含常用的操作，如撤销、重做、复制/粘贴、删除，文本样式编辑等

4. 打印设置项，包含模版名称、打印纸张设置、纸张方向、页边距等

5. 功能按钮，包含帮助文档、选择模版、模版导出/导入、模版保存等功能

创建新模版

创建一个新模版步骤：

1. 点击 设置 -> 新模版设置，进入到新模版列表页面

2. 找到对应的单据/报表类型，点击新增

3. 在新打开的模版编辑页面，拖入相关的元素，如公司名称、单据字段、表格数据等

4. 点击保存，然后可在对应单据页面，点击打印阅览

导入/导出模版

导入/导出模版步骤：

1. 点击 设置 -> 新模版设置，进入到新模版列表页面

2. 找到对应的模版，点击名称进入到模版编辑页面

3. 点击导出，保存生成的json文件

4. 再次进入到新模版列表页面，找到对应单据类型，点击新增

5. 点击导入按钮，选用保存的json文件

6. 对模版进行调整，点击保存

   
   

制作套打模版

制作套打模版步骤：

1. 点击 设置 -> 新模版设置，进入到新模版列表页面

2. 在右侧的打印设置页，调整纸张大小和页边距，并添加背景图

3. 在其他设置中，模版类型设置为套打模版（重要，请勿遗漏）

4. 拖入单据字段到编辑区域，反选显示标题，并调整大小和位置以适应布局

5. 拖入对应的数据表格，选中对应的数据，删除多余的行（仅保留数据行即可）

6. 调整数据表格的行高、列宽、位置以适应布局

7. 选中数据表格，在右侧的空间属性页，根据布局调整表格每页打印行数

8. 对模版进行调整，点击保存

   
   

注意：勾选打印背景图，会在预览时显示背景图，真实打印时并不会打印背景图

在模版中使用文本

使用数据表格步骤：

1. 打开模版，将左侧文本元素，拖入模版编辑区域

2. 选中元素，在右侧的空间属性中，输入文本内容或者关联单据主体字段

3. 编辑对应的样式，包括字体、字号、对齐、省略等

   
   

文本样式配置

1. 字体：可以自定义文本的字体，默认为微软雅黑，注意浏览器不支持的字体将不能被选中

2. 字号：默认为9点，可自定义调整字体大小

3. 加粗：选中后文本将会被加粗显示，一般用于处理大标题或者表格的标题行

4. 倾斜：选中后文本将会被倾斜展示，一般用来处理比较轻量的文本

5. 下划线：选中后文本将会额外显示一条下划线

6. 中划线：选中后文本将会额外显示一条中划线

7. 文本颜色：可用于自定义文本显示颜色，如果是黑白打印机，不建议使用

8. 填充色：可以用于自定义文本框的背景色，如果是黑白打印机，不建议使用

9. 文本对齐：可用于文本左中右对齐方式

10. 垂直对齐：可用于文本上中下对齐方式

在模版中使用表格

使用数据表格

数据表格在打印时，数据行将会根据数据条数进行填充

使用数据表格步骤：

1. 打开模版，将左侧数据表格元素，拖入模版编辑区域

2. 在弹窗中，选中对应的数据字段，点击确定即可将表格添加到模版中

   
   

注意：

1. 数据表格初始会有4行，分别是标题行、数据行、小计行、汇总行，如不需要请删除小计行和汇总行

2. 标题行不可拖入或者关联字段，仅支持文本编辑

3. 数据行，支持文本编辑和关联名字字段，不可拖入汇总字段

4. 小计行，如无需要请删除，如果需要小计行，需要勾选每页打印小计（建议联系客服）

5. 汇总行，支持文本编辑和关联汇总字段，不可拖入单据明细字段和单据主体字段

   
   

数据表格相关配置

1. 行高自适应：默认勾选，表格行的高度并不直接取决于用户设置高度，多行文本将会撑开行高

2. 即打即停：与每页打印表头表尾互斥，勾选将会顺序打印

3. 每页打印表头：表格跨页时，每页都将会把表格上部的元素进行打印

4. 每页打印表尾：表格跨页时，每页都将会把表格底部的元素进行打印

5. 每页打印小计：表格跨页时，每页都将会把表格底部添加小计行

6. 每页固定打印行数：在表格打印时，超过指定的行数，将会自动分页到下一页

7. 页尾补空行：在表格打印时，表格将会填充空行直至页面被填充满

使用布局网格

布局网格会根据预先选择的行数和列数生成固定表格，单元格内可输入文本或者拖入单据字段，打印时会填充对应字段

使用布局网格步骤：

1. 打开模版，将左侧布局网格元素，拖入模版编辑区域

2. 在弹窗中，选择对应的行数和列数，点击确定

3. 在对应的单元格中，输入文本，或者拖入对应的单据字段即可

注意：

1. 布局网格只能拖入单据主题字段，表格明细字段和汇总字段不可拖入

2. 布局网格默认高度自适应，文本折行会撑高表格行高度

在模版中添加图片

上传静态图片

上传静态图片步骤：

1. 打开模版，将左侧图片元素，拖入模版编辑区域

2. 在右侧控件属性页，点击上传图片，并选择对应的图片

3. 调整图片大小，并拖入对应的位置即可

图片绑定动态数据

图片绑定动态数据步骤：

1. 打开模版，将左侧图片元素，拖入模版编辑区域

2. 在右侧控件属性页，点击图片输入框右侧的更多，并选择对应的字段

3. 调整图片大小，并拖入对应的位置即可

   
   

注意：目前仅销售类单据的收款二维码可被用于绑定图片的动态数据，其他费图片类型的字段打印时将不会被渲染

在模版中制作二维码

制作静态二维码

制作静态二维码步骤：

1. 打开模版，将左侧二维码元素，拖入模版编辑区域

2. 在右侧控件属性页，在二维码输入框中输入二维码内容

3. 如果有需要，可以上传额外的图标，显示在二维码中心

4. 调整二维码大小位置即可

   
   

制作动态二维码

制作动态二维码步骤：

1. 打开模版，将左侧二维码元素，拖入模版编辑区域

2. 在右侧控件属性页，点击二维码输入框右侧更多按钮，选择对应的数据

3. 调整二维码大小位置即可

在模版中制作条形码

制作静态条形码

制作静态条形码步骤：

1. 打开模版，将左侧条形码元素，拖入模版编辑区域

2. 在右侧控件属性页，在条形码输入框中输入条形码内容

3. 选择对应的条码格式，调整条形码大小位置即可

注意：不同的条码格式支持渲染的内容不同，请确保选择正确的条码格式

制作动态条形码

制作动态条形码步骤：

1. 打开模版，将左侧二维码元素，拖入模版编辑区域

2. 在右侧控件属性页，点击条形码输入框右侧更多按钮，选择对应的数据

3. 调整二维码大小位置即可

-----------------------------------分割线-----------------------------------

相似问法

新版的动态条形码怎么制作？

新版打印控件怎么使用？