ckeditor(4.3.3)和功能(ONCLICK)将HTML添加到编辑器和刷新视图

Question

你好，就像主题一样。我试图使用外部按钮将一些HTML代码插入我的编辑器。其图像HTML元素。但是我想怎么做。我正在阅读一些论坛，但没有解决方案。感谢您提供的任何帮助或subentions。如果需要编辑实例，请告诉我如何获得它。

<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>

Answer 1

您正在寻找insertHtml()函数。它的文档在这里：http：//docs.ckeditor.com/#！/pi/ckeditor.editor-method-inserthtml。

CKEditor文档网站的指南实际上非常好，我强烈建议您在开始自定义CKEditor之前尽可能多地阅读它。这是一个非常复杂的软件。该指南在http://docs.ckeditor.com/#！/guide

您想做的是创建一个图像作为HTML字符串，获取编辑器实例，然后将您的HTML插入该编辑器实例。这样的事情应该让您开始（我没有测试）。

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

Answer 2

请使用适当的情况inserthtml。

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