uihtml 帶html富文本可視化標(biāo)簽
【基礎(chǔ)用法】
標(biāo)簽：uihtml
描述：富文本編輯，使用時(shí)結(jié)合html一起才能完成可視化布局，只針對(duì)具有可視化功能的模板。
用法：
<a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”文件模板里唯一的數(shù)字ID” e-page=’文件模板名’ e-type=”html”>
{eyou:uihtml e-id=’必須與上面的數(shù)字ID一致’ e-page=’必須與上面的文件模板名一致’ id=’field’}
{$field.value}
{eyou:else /}
<a href=”http://www.eyoucms.com”>EyouCms</a>
{/eyou:uihtml}
</a>
屬性：
e-id=” 每個(gè)模板文件里唯一的數(shù)字ID，必須與uihtml標(biāo)簽外層的html元素標(biāo)簽e-id保持一致
e-page=” 頁面分組，假設(shè)模板文件是index.htm，那么e-page的值是index
id=” 可以任意指定循環(huán)里的變量名替代field，假設(shè)id=’field1’，模板調(diào)用如：{$field.value} 變成 {$field1.value}
涉及表字段：
無
【更多示例】
——————————-示例1——————————–
描述：在模板文件index.htm中調(diào)用uihtml標(biāo)簽，實(shí)現(xiàn)指定區(qū)域可視化富文本編輯的效果。
<!DOCTYPE html>
<html>
<head>
? ? <title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
? ? <div>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”200″ e-page=’index’ e-type=”html”>
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’200′ e-page=’index’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? </div>
? ? <!– 可視化模板必須引入的ui標(biāo)簽 start –>
? ? {eyou:ui open=’off’ /}
? ? <!– 可視化模板必須引入的ui標(biāo)簽 end –>
</body>
</html>
——————————-示例2——————————–
描述：在模板文件lists_article.htm中調(diào)用uihtml標(biāo)簽，實(shí)現(xiàn)指定區(qū)域可視化富文本編輯的效果。
<!DOCTYPE html>
<html>
<head>
? ? <title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
? ? <div>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”200″ e-page=’lists_article’ e-type=”html”>
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’200′ e-page=’lists_article’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? </div>
? ? <!– 可視化模板必須引入的ui標(biāo)簽 start –>
? ? {eyou:ui open=’off’ /}
? ? <!– 可視化模板必須引入的ui標(biāo)簽 end –>
</body>
</html>
——————————-示例3——————————–
描述：在模板文件index.htm中，多處調(diào)用uihtml標(biāo)簽的寫法。
<!DOCTYPE html>
<html>
<head>
? ? <title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
? ? <div>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”200″ e-page=’index’ e-type=”html”>
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’200′ e-page=’index’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”201″ e-page=’index’ e-type=”html”>
? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’201′ e-page=’index’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? </div>
? ? <!– 可視化模板必須引入的ui標(biāo)簽 start –>
? ? {eyou:ui open=’off’ /}
? ? <!– 可視化模板必須引入的ui標(biāo)簽 end –>
</body>
</html>
——————————-示例4——————————–
描述：在模板文件index.htm中，多處調(diào)用uihtml標(biāo)簽的寫法，只在html最外層元素指定一次e-page屬性值。
<!DOCTYPE html>
<html>
<head>
? ? <title>EyouCms企業(yè)建站系統(tǒng)</title>
</head>
<body>
? ? <div e-page=’index’> <!– 最外層指定e-page屬性值，里面html元素<a>可以不再指定e-page屬性值 –>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”200″ e-type=”html”>
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’200′ e-page=’index’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? ? ? <a href=”http://www.eyoucms.com” class=”eyou-edit” e-id=”201″ e-type=”html”>
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 start –>
? ? ? ? ? ? {eyou:uihtml e-id=’201′ e-page=’index’ id=’field’}
? ? ? ? ? ? ? ? {$field.value}
? ? ? ? ? ? {eyou:else /}
? ? ? ? ? ? ? ? <a href=’http://www.eyoucms.com’>EyouCms</a>
? ? ? ? ? ? {/eyou:uihtml}
? ? ? ? ? ? <!– uihtml可視化標(biāo)簽調(diào)用 end –>
? ? ? ? </a>
? ? </div>
? ? <!– 可視化模板必須引入的ui標(biāo)簽 start –>
? ? {eyou:ui open=’off’ /}
? ? <!– 可視化模板必須引入的ui標(biāo)簽 end –>
</body>
</html>
聲明：本站所有文章，如無特殊說明或標(biāo)注，均為本站原創(chuàng)發(fā)布。任何個(gè)人或組織，在未征得本站同意時(shí)，禁止復(fù)制、盜用、采集、發(fā)布本站內(nèi)容到任何網(wǎng)站、書籍等各類媒體平臺(tái)。如若本站內(nèi)容侵犯了原著者的合法權(quán)益，可聯(lián)系我們進(jìn)行處理。
站模板-13.jpg)