Javascript CKeditor（4.3.3）和函数（onclick）将HTML添加到编辑器并刷新视图

你好，就像在主题中一样。我试图使用外部按钮将一些html代码插入到我的编辑器中。它的图像是html元素。但我知道怎么做。我读了一些论坛，但没有解决办法。谢谢你的帮助和建议。如果需要编辑器实例，请告诉我如何获得它

<input type="button" onclick="addHtmlToEditor('myimage.jpg')" />

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

function addHtmlToEditor(imgFile){
var htmltoeditor = "http://www.example.com/images/"+imgFile;
// some code inserting my html to ckeditor and update in fly :)
}
</script>

CKEDITOR.replace（'content_CKEDITOR'）；
函数addHtmlEditor（imgFile）{
var htmltoeditor=”http://www.example.com/images/“+imgFile；
//一些代码将我的html插入到ckeditor并在fly中更新：）
}

您正在寻找

insertHtml（）

函数。其文档位于此处：

CKEditor文档站点上的指南实际上非常好，我强烈建议您在开始定制CKEditor之前尽可能多地阅读它。这是一个非常复杂的软件。导游在

您要做的是创建一个HTML字符串形式的图像，获取一个编辑器实例，然后将HTML插入到该编辑器实例中。像这样的东西应该让你开始（我没有测试它）

函数addHtmlEditor（imgFile）{
var html=''；
var editor=CKEDITOR.instances.content\u CKEDITOR；
insertHTML（html）；
}

请在TML中使用正确的大小写。这里的代码可能对您有用

函数addHtmlEditor（imgFile）{
var html=''；
var editor=CKEDITOR.instances.content\u CKEDITOR；
insertHtml（html）；
}

你真棒-非常感谢：）很高兴我能帮上忙！请尝试在代码中添加一些解释。

function addHtmlToEditor(imgFile){
    var html = '<img src="http://www.example.com/images/' + imgFile + '" />';
    var editor = CKEDITOR.instances.content_ckeditor;
    editor.insertHTML(html);
}