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