众所周知,富文本编辑器存入数据的内容包含了样式、元素、文本内容等。所以回显最直接的方法就是将从后台传回来的数据直接塞进富文本编辑器的元素里。采用vue可以使用v-html,js直接用html()方法。但是记得将这一块代码放在富文本编辑器初始化代码前执行,其实就是初始化textarea(否则会受到影响)。

//富文本框

<div class="layui-form-item layui-form-text">
                <label class="layui-form-label" style="margin-bottom: 0;">正文</label>
                <div class="layui-input-block" style="margin-left: 0;">
                    <textarea id="layeditDemo">
                        
                    </textarea>
                </div>
            </div>

//回显

_hl.crossAjax({
                type: "get",
                dynamicUrl: "basetzgg/getbyId",
                data: {
                    "id": id
                },
                async: false,
                success: function(data) {
                    tm = new Date(data.tm).Format("yyyy-MM-dd");
                    $("input[name='id']").val(data.id);
                    $("select[name='type']").val(data.type);
                    layui.form.render('select');
                    $("input[name='title']").val(data.title);
                    $("input[name='accept']").val(data.accept);
                    //回显富文本
                    $("#layeditDemo").html(data.content);
                    var sta = data.isFlow;
                    var radio = document.getElementsByName("isFlow");
                    var radioLength = radio.length;
                    for(var i = 0; i < radioLength; i++) {
                        if(sta == radio[i].value) {
                            $(radio[i]).next().click();
                        }

                    }

                },
                error: function(msg) {
                    parent.layer.closeAll();
                    console.info(msg);
                }
            });

 

更多推荐

layui 富文本编辑器回显问题