如何使用 Javascript 在 CKEditor 中设置值？

我想知道如何使用 Javascript 在 CKEditor中设置值？

我试过以下方法，但都不管用。

document.[form name].[textarea name].value=data;
$('#textareaID').val(data);

但是，这两个工作都没有编辑器应用。有没有办法我可以做到这一点与编辑器？

141114 次浏览
小开

使用 ()或 Insert tText ()方法。

小开

我已经使用了下面的代码，它可以很好地描述-> 

CKEDITOR.instances.mail_msg.insertText(obj["template"]);

这里-> 你的编辑名称, 文本区域的 ID (绑定 ckEditor) , > 是要绑定的值

小开

insertHtml()和 insertText()方法将向编辑器窗口插入数据，添加已经存在的内容。

但是，要替换整个编辑器内容，请使用 setData()。

小开

使用 CKEditor 方法 setData():

CKEDITOR.instances[**fieldname**].setData(**your data**)
小开

注意从传递给 setData().的任何字符串中删除换行，否则将引发异常。

还要注意的是，即使你这样做，然后再次获得数据使用 getData(), CKEditor 放回断行。

小开

设置编辑器数据。数据必须以原始格式(HTML)提供。 SetData (‘ Put your Data.’) ; 请参阅本页

小开

试试这个

CKEDITOR.instances['textareaId'].setData(value);
小开 
<textarea id="editor1" name="editor1">This is sample text</textarea>


<div id="trackingDiv" ></div>


<script type="text/javascript">
CKEDITOR.replace( 'editor1' );


</script>

试试这个。

更新:

设定数据:

创建实例首先:

var editor = CKEDITOR.instances['editor1'];

然后,

editor.setData('your data');

或者

editor.insertHtml('your html data');

或者

editor.insertText('your text data');

从编辑器中检索数据:

editor.getData();

如果在 CKEditor 中更改特定的 parHTML 数据。

var html = $(editor.editable.$);
$('#id_of_para',html).html('your html data');

这些都是可能的方式，我知道在 CKEditor

小开

到目前为止，CKEditor 4 + 已经推出，我们必须使用 it.数据文档

CKEDITOR.instances['editor1'].setData(value);

其中 editor1是文本区 身份证。

旧的方法，如 insertHtml('html data')和 insertText('text data')也工作良好。

并获得数据的使用

var ckdata =  CKEDITOR.instances['editor1'].getData();
var data = CKEDITOR.instances.editor1.getData();

Ckedtor 4文件

小开

我试过了，为自己工作。

success: function (response) {
document.getElementById('packageItems').value = response.package_items;


ClassicEditor
.create(document.querySelector('#packageItems'), {
removePlugins: ['dragdrop']
})
.then(function (editor) {
editor.setData(response.package_items);
})
.catch(function (err) {
console.error(err);
});
},

提交答案