Bezdepbonusu7Программирование: статьи и ответы
Меню

Вопрос

Загрузить изображение и вставить прямо в CKEditor

Автор вопроса: TimmehОтветов: 3

Я хотел бы создать такую ​​же функцию, как у tumblr, для загрузки изображений и последующей их вставки непосредственно в редактор WYSIWYG.

Я планировал использовать uploadify для загрузки изображения, тогда я не уверен в способе вставки в CKEditor.

Кто-нибудь делал что-то подобное или знает плагин, который мог бы это сделать? В идеале я бы хотел вставить изображение туда, где в последний раз был помещен текстовый курсор.

http://www.freeimagehosting.net/uploads/06217dcebb.png

Заранее спасибо,

Тим

javascriptjqueryckeditorwysiwyg

Ответы

Ответ 1 · рейтинг 11 · beobeo88

Правильно:

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

Ответ 2 · spitz

Я использую 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);
    };
});

Ответ 3 · рейтинг -1 · Damiano

Я использую хороший плагин для CKeditor http://www.ckuploader.com

Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.

Похожие материалы