Question

我想创建tumblr用于上传图像的相同功能，然后将它们直接插入WYSIWYG编辑器。

我打算使用uploadify上传图片，然后我不确定插入CKEditor的方法。

有没有人做过任何相似或知道的插件可以做到这一点？理想情况下，我希望在最后放置文本光标的位置插入图像。

Upload an image and directly insert it into a text area http://www.freeimagehosting.net/uploads/06217dcebb.png

提前致谢，

添

Answer 1

CKEDITOR.instances['instanceName'].insertHtml('<img src="your image">');

Answer 2

正确的是：

CKEDITOR.instances['instanceName'].insertHtml('<img src="your image"/>');

Answer 3

我正在使用dropzone作为图片上传器。我在每个图像下方添加了一个按钮，当单击它时，在CKEditor中的光标位置插入一个图像。请参阅以下示例：

myDropzone.on("addedfile", function(file) {
    // Hookup image insert button
    file.previewElement.querySelector('.insert').onclick = function() {
        var element = CKEDITOR.dom.element.createFromHtml('<img src="' + $SCRIPT_ROOT + '/api/files/' + file.id + '?filter=image"/>');
        CKEDITOR.instances.body.insertElement(element);
    };
});

Answer 4

我正在为CKeditor http://www.ckuploader.com

使用漂亮的插件

上传图片并直接插入CKEditor

4 个答案: