可視化標(biāo)記語(yǔ)法

更新時(shí)間：2020-04-21

通過(guò)代碼編輯的內(nèi)容如專題，頁(yè)面如自定義頁(yè)面，可以在添加可視化標(biāo)記后，讓編輯人員以可視化的形式編輯內(nèi)容或頁(yè)面。

1.1編輯文本
標(biāo)簽>前，添加標(biāo)記?mark-txt="xx"。xx可以使用字母、下劃線，數(shù)字，不能用純數(shù)字。單個(gè)頁(yè)面的xx不能重復(fù)。

使用舉例：

<span mark-txt="text_1">TXT可視化11</span>

1.2編輯圖片
src前后，緊貼src，添加標(biāo)記?mark-img="xx"。xx可以使用字母、下劃線，數(shù)字，不能用純數(shù)字。單個(gè)頁(yè)面的xx不能重復(fù)。

使用舉例：

<img mark-img="img_1" src="http://static.westarcloud.com/133433.jpg">

1.3編輯片段

添加標(biāo)記<div mark-partial="xx"> </div>。xx是片段的id

使用舉例：
<div mark-partial="591ff7712782be32e813d000">
{# 片段開(kāi)始:logo #} 
{{ Materiel.id_591ff7712782be32e813d000 }}
{# 片段結(jié)束:logo #}
</div>

1.4編輯鏈接（鏈接的層級(jí)最低）
href前后，添加標(biāo)記mark-link=“xx”。xx可以使用字母、下劃線，數(shù)字，不能用純數(shù)字。單個(gè)頁(yè)面的xx不能重復(fù)。

使用舉例
<a target="_blank" mark-link="link_xx4" href="/products"  mark-txt="text_pc13">測(cè)試</a>

1.5編輯關(guān)聯(lián)內(nèi)容

添加標(biāo)記 <div mark-relate="xx"></div>。xx是模型標(biāo)識(shí)。

使用舉例
<div mark-relate="cases">
 {%if Pageinfo['relateinfo']['products']%}
{for k, v in data% ['products']%}
{{v['title']}}
{%endfor%}
{% endif %}
</div>

上一篇：3.3前端手冊(cè) 下一篇：如何調(diào)用顯示訪問(wèn)量

永久免费观看美女裸体的网站,尤物视频在线观看,亚洲人成网站18禁止人,亚洲欧洲日韩综合色天使,亚洲乱妇亚洲乱妇xinglu

可視化標(biāo)記語(yǔ)法