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

我使用了以下代码，它正如描述 - ＆gt;

一样正常

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

这里 - ＆GT; CKEDITOR - ＆gt;您的编辑名称， mail_msg - ＆gt;你的textarea的id（你绑定ckeditor）， obj["template"] - ＆gt;是您想要绑定的值

Answer 5

试试这个

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

Answer 6

设置编辑器数据。必须以原始格式（HTML）提供数据。 CKEDITOR.instances.editor1.setData（＆＃39;把你的数据。＆＃39;）; refer this page

Answer 7

<textarea id="editor1" name="editor1">This is sample text</textarea>

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

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

</script>

试试吧..

更新：

设置数据：

创建实例First ::

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

然后，

editor.setData('your data');

或

editor.insertHtml('your html data');

或

editor.insertText('your text data');

从编辑器中检索数据::

editor.getData();

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

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

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

Answer 8

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

另请注意，即使您这样做，然后使用getData(),再次获取该数据CKEditor将换行符放回。

Answer 9

直到今天CKEditor 4+发布，我们都必须使用它。ekeditor 4 setData documentation

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

editor1是文本区域 Id 。

诸如insertHtml('html data')和insertText('text data')之类的旧方法也可以正常工作。

并获取数据使用

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

Ckedtor 4 documentation

Answer 10

我尝试过并为我工作。

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

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

10 个答案: