laravel框架中使用layui富文本编辑器,修改的时候获取不到值

添加入库时候的代码:

首先要use“layedit”

<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">内容</label>
    <div class="layui-input-block">
        <textarea id="demo" name="schoolNav_content" lay-verify="article_desc" style="display: none;"></textarea>
        <script>
            var layedit;
            var index;
            layui.use('layedit', function(){
                layedit = layui.layedit;
                index=layedit.build('demo', {
                    height: 180 //设置编辑器高度
                });
            });
        </script>
    </div>
</div>

 script里面写入(layui.use里面):

//自定义验证规则
form.verify({
    article_desc: function(value){
        layedit.sync(index);
    }
});

修改时候的代码

<div class="layui-form-item layui-form-text">
    <label class="layui-form-label">内容</label>
    <div class="layui-input-block">
        <textarea id="demo" name="schoolNav_content" lay-verify="article_desc" class="layui-textarea" style="display: none;">

            {{$data->schoolNav_content}}
        </textarea>

    </div>
</div>
var layedit = layui.layedit;
layedit.set({
    uploadImage: {
        url: "" //接口url
        ,type: 'post' //默认post
    }
});
var index;


index=layedit.build('demo', {
    tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b']
    ,height: 380 //设置编辑器高度
});

//自定义验证规则
form.verify({
    content: function(value) {
        return layedit.sync(index,body);
    }
});

form表单提交时,获取富文本编辑器的内容

data.field['schoolNav_content'] = layedit.getContent(index);

猜你喜欢

转载自blog.csdn.net/weixin_45849851/article/details/102954300