富文本编辑框获取数据

获取数据回显到富文本框

无论是从数据库还是前端页面回显到富文本框内的内容,一定先赋值,再创建文本框!!!!

前端页面

<div class="layui-form-item">
    <label class="layui-form-label">正文</label>
    <div class="layui-input-block">
        <textarea id="editor" name="content" style="display: none;"></textarea>
    </div>
</div>

创建富文本框的js

<script>
    // ==重点:先赋值,我这里的window.parent.q_val()是父页面的q_val()函数,传过来的是一个val值,
    // 有需要数据库中的就从后台传过来值就好
    $('#editor').val(window.parent.q_val());

    layui.use('layedit', function(){
        var layedit = layui.layedit;
        //上传图片接口:注意:layedit.set 一定要放在 build前面,否则配置全局接口将无效
        layedit.set({
            uploadImage: {
                url: '/file/img_upload', //接口url
                type: 'post' //默认post
            },
        });
        //创建编辑器
        var index = layedit.build('editor', {
            height: 280 //设置编辑器高度
        });
        // layedit.setContent(window.parent.q_val());		这里先创建编辑器,再使用setContent赋值无法实现!
        $('.layui-btn').click(function(){
            layedit.sync(index);
        });
    });
</script>

主要就是先进行赋值: $('#editor').val(window.parent.q_val());
第二步创建编辑器:var index = layedit.build('editor', { height: 280 //设置编辑器高度 });


版权声明:本文为LIUUGNAY原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。