当前位置:首页文档模板语法可视化标记语法

可视化标记语法

更新时间: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>