为了账号安全,请及时绑定邮箱和手机立即绑定

在ckeditor中插入html会导致语法错误

在ckeditor中插入html会导致语法错误

吃鸡游戏 2021-04-09 14:15:02
我在laravel中试用CKeditor,但遇到将html插入编辑器的问题。追加编辑器后,我想设置值,以便您可以编辑已经存在的值。HTML:@if (!empty($proposal->reference_sites))    <div class="form-group row mb-4">        <label for="reference_sites" class="col-sm-3 col-form-label form-control-lg">Reference sites:</label>        <div class="col-sm-10" id="reference_sites"></div>    </div>@endifJS:if($('#reference_sites').length){    $output = "<textarea id='ckeditor-rs' name='ckeditor-rs' rows='10' cols='80'></textarea>";    $('#reference_sites').append($output);    CKEDITOR.replace('ckeditor-rs');    var editor = CKEDITOR.instances['ckeditor-rs'];    editor.setData("{!!html_entity_decode($proposal->reference_sites)!!}");    }else{        console.log("couldn't append ckeditor in rs");    }如您所见,我正在尝试解码HTML,并将其设置为CKeditor的HTML。$proposal->reference_sites 包含以下HTML:<ul>    <li>site one</li>    <li>site two</li>    <li>site 3</li></ul>错误: Uncaught SyntaxError: Invalid or unexpected token <我不确定是什么原因导致此错误,因为当我仅解码包含<p>some text</p>该变量的变量时,会将其插入some text到编辑器中。任何帮助是极大的赞赏!
查看完整描述

2 回答

?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

试试下面的一个,


if($('#reference_sites').length){

$output = "<textarea id='ckeditor-rs' name='ckeditor-rs' rows='10' cols='80'></textarea>";

$('#reference_sites').append($output);

CKEDITOR.replace('ckeditor-rs');


var editor = CKEDITOR.instances['ckeditor-rs'];

editor.setData("{{$proposal->reference_sites}}");


}else{

    console.log("couldn't append ckeditor in rs");

}


查看完整回答
反对 回复 2021-04-15
?
繁星coding

TA贡献1797条经验 获得超4个赞

您可以尝试以下代码:


if($('#reference_sites').length){

    $output = "<textarea id='ckeditor-rs' name='ckeditor-rs' rows='10' cols='80'></textarea>";

    $('#reference_sites').append($output);

    CKEDITOR.replace('ckeditor-rs');


    for (var i in CKEDITOR.instances) {

        CKEDITOR.instances[i].on('change', function() { 

            CKEDITOR.instances[i].updateElement() 

        });

    }

}else{

    console.log("couldn't append ckeditor in rs");

}


查看完整回答
反对 回复 2021-04-15

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信