如何通过 CKEditor 中标签的 id 更改内容

Question

我想换成CKEditor中id的内容。我将像模板一样在 CKEditor 中创建一个 table。我在帮助文档 (http://docs.ckeditor.com/) 中进行了研究，但找不到该怎么做。

我想在点击按钮时添加我在文本框中写的内容

来源：http://jsfiddle.net/mstfcck/m2g4mj83/

CKEDITOR.replace('RichTextEditor');
CKEDITOR.instances.RichTextEditor.setData("<div id='message'>This is a message.</div>");

Answer 1

您应该像下面的代码一样使用 getById() 和 setText()：

CKEDITOR.replace('RichTextEditor');
CKEDITOR.instances.RichTextEditor.setData("<div id='message'>This is a message.</div>");
$("#change").on("click", function(){
    var element = CKEDITOR.instances.RichTextEditor.document.getById( 'message' );
    element.setText($("#messageBox").val());
});

工作fiddle：http://jsfiddle.net/m2g4mj83/5/

这是两者的文档：

http://docs.ckeditor.com/#!/api/CKEDITOR.dom.document-method-getById

http://docs.ckeditor.com/#!/api/CKEDITOR.dom.element-method-setText