跳转到主要内容
每个模板的底层都是 Liquid 和 HTML。可视化编辑器根据区块和文档样式为您生成这些代码；代码编辑器则直接显示代码本身。您可以通过编辑器顶部的可视化和代码选项卡进行切换。切换时，Foliant 绝不会丢弃代码：无法转换为常规区块的内容都会保留为自定义 Liquid 区块。

开始之前

可视化选项卡是否可用取决于您的套餐。如果您的套餐不包含它，该选项卡会显示包含它的套餐，代码编辑器照常可用。请参阅可视化编辑器的套餐适用范围。

将代码模板转换为区块

  1. 在编辑器中打开模板。模板会以代码模式打开。
  2. 点击可视化选项卡。转换为可视化对话框随即打开。
  3. 选择开始方式：
  1. 检查页面，然后保存。
可选的布局取决于模板：每个订单一份文档（发票、贷项通知单、报价单、装箱单、退货表、商业发票、采购订单、通用订单文档、发货标签、收据），或所有选中订单合为一份文档（拣货单、订单汇总）。如果模板没有文档类型，使用某种文档类型的布局后，模板就会获得该类型。例如，使用发票布局后，模板会按发票编号。

查看或编辑可视化模板的代码

  1. 在可视化模板中，点击代码选项卡。您会看到编译后的 Liquid：即 Foliant 根据您的区块和文档样式生成的代码。这些代码是只读的。
  2. 如需修改，请点击编辑代码。此后代码编辑器处于启用状态，保存时会保存您的代码。
  3. 保存时，Foliant 会从您的代码中重新读取区块，因此模板仍是可视化模板。
您也可以打开单个区块的编译代码：选中该区块，然后在其内容选项卡中点击查看编译后的 Liquid。

编辑代码后切换回可视化

点击可视化选项卡。Foliant 会从您的代码中读取区块：
  • 您未修改代码的区块会恢复原样。
  • 如果某些代码与其区块不再匹配，或写在任何区块之外，切换回可视化模式？对话框会在保留为自定义 Liquid 的部分下列出这些部分及原因：
    • 代码已编辑：区块的代码已更改，因此它会变为自定义 Liquid 区块。
    • 写在任何区块之外：您在区块之间添加的新代码。
  • 点击切换到可视化继续，或点击留在 Liquid 继续编辑代码。
不会删除任何内容，您也可以撤销切换。您需要先修复所有代码错误，才能切换。

用起始模板替换模板

顶部栏中的替换为起始模板…会用起始模板或设计替换编辑器中的全部内容。起始模板都是代码模板，因此可视化模板会变为代码模板。保存之前不会有任何更改，点击放弃即可恢复原有内容。

注意事项

  • 自定义 Liquid 区块可以像其他区块一样移动、设置样式和添加条件。其代码会完全按原样打印。
  • 转换按模板进行，且仅在您选择时才会发生。
  • 由购买的设计创建的模板使用设计编辑器，无法在此处切换为可视化或代码。

相关文章