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

Question

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

我尝试过以下方法，但它们都不起作用...

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

但是，这两种方法都在没有应用编辑器的情况下起作用。有什么办法可以让编辑器做到这一点吗？

Answer 1

使用 CKEditor 方法 setData()：

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

Answer 2

insertHtml() 和 insertText() 方法会将数据插入到编辑器窗口中，添加到已有的内容中。

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

Answer 3

使用 insertHtml() 或 insertText() 方法。

Answer 4

试试这个

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

Answer 5

我已经使用了下面的代码，它工作正常，描述 ->

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

这里->
CKEDITOR ->您的编辑器名称，
mail_msg ->您的文本区域的 ID（您将 ckeditor 绑定到该文本区域），
obj["template"]->是你想要绑定的值

Answer 6

<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 中的特定 HTML 数据。

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

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

Answer 7

由于现在 CKEditor 4+ 已推出，我们必须使用它。ekeditor 4 setData 文档

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

其中editor1 是textarea Id。

insertHtml('html data') 和 insertText('text data') 等旧方法也可以正常工作。

获取数据

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

并使用CKedtor 4文档

Answer 8

设置编辑器数据。数据必须以原始格式 (HTML) 提供。
CKEDITOR.instances.editor1.setData( '放置您的数据。' );
参考此页面

Answer 9

我尝试过这个并为我工作。

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);
    });
},

Answer 10

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

另请注意，即使您这样做，然后使用 getData() 再次获取该数据，CKEditor 也会重新插入换行符。