2.7 UEditor富文本引用

UEditor富文本调用,只需要两步即可:

一、在使用页放置默认id为container的控件:

<script id="container" name="notice.content"  type="text/plain" style="width:100%;height:500px;">#(notice.content??)</script>


二、在使用页面调用ueditor函数:

#@ueditor()

 

如果是在:_form.html页面使用,#@ueditor()需要写在#define js()代码块里面,这是一个加载顺序的问题,如下:

#define js()
    #@ueditor()
#end

效果图:

image.png

image.png

3、如果要一个页面引入多个富文本实例,那么只需要在引用前指定元素id即可:#setLocal(ueditorId=元素id)

#@layout()
#define main()
    <form action="javascript:void(0)" class="layui-form layui-form-pane f-form" method="post" lay-filter='saveForm'>
        <div class="layui-row layui-col-space1 task-row">
            #@colStart("默认控件",12)
            <script id="container" name="notice.content"  type="text/plain" style="width:100%;height:500px;">#(notice.content??)</script>
            #@colEnd()
        </div>
        <div class="layui-row layui-col-space1 task-row">
            #@colStart("富文本控件2",12)
            <script id="container2" name="notice.content2"  type="text/plain" style="width:100%;height:500px;">#(notice.content2??)</script>
            #@colEnd()
        </div>
        
        <div class="layui-row layui-col-space1 task-row">
            #@colStart("富文本控件3",12)
            <script id="container3" name="notice.content3"  type="text/plain" style="width:100%;height:500px;">#(notice.content3??)</script>
            #@colEnd()
        </div>
    </form>
#end

#define js()
    #@ueditor()
    
    #setLocal(ueditorId="container2")
    #@ueditor()
    
    #setLocal(ueditorId="container3")
    #@ueditor()
#end


顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友
扫描二维码加琴海森林为好友