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

Question

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

我尝试了以下内容,但它们都不起作用......

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.mail_msg.insertText(obj["template"]);

这里CKEDITOR - > - >你的编辑名称, mail_msg - >你的textarea的id(你绑定ckeditor), obj["template"]- >是你想要绑定的值

Answer 5

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

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

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

Answer 6

尝试这个

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

Answer 7

现在 CKEditor 4+ 发布了，我们必须使用它。ekeditor 4 setData 文档

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

editor1textarea Id在哪里。

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

并获取数据使用

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

Ckedtor 4 文档