【基礎用法】
名稱:uitext
功能:純文本編輯,使用時結合html一起才能完成可視化布局,只針對具有可視化功能的模板。
語法:
<a href="http://www.salwom.co" class="eyou-edit" e-id="文件模板里唯一的數字ID" e-page='文件模板名' e-type="text">
{eyou:uitext e-id='必須與上面的數字ID一致' e-page='必須與上面的文件模板名一致' id='field'}
{$field.value}
{eyou:else /}
EyouCms
{/eyou:uitext}
</a>
參數:
e-id='' 每個模板文件里唯一的數字ID,必須與uitext標簽外層的html元素標簽e-id保持一致
e-page='' 頁面分組,假設模板文件是index.htm,那么e-page的值是index
id='' 可以任意指定循環里的變量名替代field,假設id='field1',模板調用如:{$field.value} 變成 {$field1.value}
底層字段:
 
 
【更多示例】
-------------------------------示例1--------------------------------
描述:在模板文件index.htm中調用uitext標簽,實現指定區域可視化純文本編輯的效果。
<!DOCTYPE html>
<html>
<head>
    <title>EyouCms企業建站系統</title>
</head>
<body>
    <div>
        <a href="http://www.salwom.co" class="eyou-edit" e-id="100" e-page='index' e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='100' e-page='index' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
    </div>
    <!-- 可視化模板必須引入的ui標簽 start -->
    {eyou:ui open='off' /}
    <!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
 
-------------------------------示例2--------------------------------
描述:在模板文件lists_article.htm中調用uitext標簽,實現指定區域可視化純文本編輯的效果。
<!DOCTYPE html>
<html>
<head>
    <title>EyouCms企業建站系統</title>
</head>
<body>
    <div>
        <a href="http://www.salwom.co" class="eyou-edit" e-id="100" e-page='lists_article' e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='100' e-page='lists_article' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
    </div>
    <!-- 可視化模板必須引入的ui標簽 start -->
    {eyou:ui open='off' /}
    <!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
 
-------------------------------示例3--------------------------------
描述:在模板文件index.htm中,多處調用uitext標簽的寫法。
<!DOCTYPE html>
<html>
<head>
    <title>EyouCms企業建站系統</title>
</head>
<body>
    <div>
        <a href="http://www.salwom.co" class="eyou-edit" e-id="100" e-page='index' e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='100' e-page='index' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
        <a href="http://www.salwom.co" class="eyou-edit" e-id="101" e-page='index' e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='101' e-page='index' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
    </div>
    <!-- 可視化模板必須引入的ui標簽 start -->
    {eyou:ui open='off' /}
    <!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>
 
-------------------------------示例4--------------------------------
描述:在模板文件index.htm中,多處調用uitext標簽的寫法,只在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.salwom.co" class="eyou-edit" e-id="100" e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='100' e-page='index' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
        <a href="http://www.salwom.co" class="eyou-edit" e-id="101" e-type="text">
            <!-- uitext可視化標簽調用 start -->
            {eyou:uitext e-id='101' e-page='index' id='field'}
                {$field.value}
            {eyou:else /}
                EyouCms
            {/eyou:uitext}
            <!-- uitext可視化標簽調用 end -->
        </a>
    </div>
    <!-- 可視化模板必須引入的ui標簽 start -->
    {eyou:ui open='off' /}
    <!-- 可視化模板必須引入的ui標簽 end -->
</body>
</html>

重庆时时彩安卓app 陕西快乐十分投注 北京pk拾订阅开奖结果 北京快乐8休市时间 贵州快3计划 北京pk10五码分析技巧 黑龙江22选5基本走势图 福彩3D字谜图谜总汇 22选5河南好运最新开奖 东风科技股票分析 连码高手论坛 幸运赛车2019开奖结果 韩国首尔快乐8开奖结果 股市行情最新消息 湖北快3几点开始 大盘指数股票行情走 辽宁35选7机选