可视化标记语法
更新时间：2020-04-21
通过代码编辑的内容如专题，页面如自定义页面，可以在添加可视化标记后，让编辑人员以可视化的形式编辑内容或页面。
1.1编辑文本
标签>前，添加标记 mark-txt="xx"。xx可以使用字母、下划线，数字，不能用纯数字。单个页面的xx不能重复。
使用举例：
<span mark-txt="text_1">TXT可视化11</span>
1.2编辑图片
src前后，紧贴src，添加标记 mark-img="xx"。xx可以使用字母、下划线，数字，不能用纯数字。单个页面的xx不能重复。
使用举例：
<img mark-img="img_1" src="http://static.westarcloud.com/133433.jpg">1.3编辑片段
添加标记<div mark-partial="xx"> </div>。xx是片段的id
使用举例：
<div mark-partial="591ff7712782be32e813d000">
{# 片段开始:logo #}
{{ Materiel.id_591ff7712782be32e813d000 }}
{# 片段结束:logo #}
</div>
1.4编辑链接（链接的层级最低）
href前后，添加标记mark-link=“xx”。xx可以使用字母、下划线，数字，不能用纯数字。单个页面的xx不能重复。
使用举例
<a target="_blank" mark-link="link_xx4" href="/products" mark-txt="text_pc13">测试</a>
1.5编辑关联内容
添加标记 <div mark-relate="xx"></div>。xx是模型标识。
使用举例
<div mark-relate="cases">
{%if Pageinfo['relateinfo']['products']%}
{for k, v in data% ['products']%}
{{v['title']}}
{%endfor%}
{% endif %}
</div>