asp.net-mvc - 如何在 CKEditor 中通过标签的 id 更改内容

Question

我想在CKEditor中更改为带有id的内容。我将像模板一样在 CKEditor 中创建一个表格。我在帮助文档（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());
});

工作小提琴：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