Ссылка на изображение в CKEditor

Question

Я хочу, чтобы мои пользователи имели возможность добавить изображение LINK (не загруженный файл) в поле ckeditor и отображать фактическое изображение (IMG-тег). Кажется, я не могу понять, как это сделать, загрузка работает нормально, но это не то, что мне нужно.

Может ли кто-нибудь указать мне в правильном направлении?

Answer 1

Попробуйте этот плагин: ckeditor.com/addon/base64image

1. загрузить https://github.com/nmmf/base64image/archive/master.zip
2. папку экстракт base64image в папку CKEditor/плагинов

3. в HTML коде написать вам редактор HTML элемент и сценарий:

   CKEDITOR.replace ('editor1', {панель инструментов: [{name: 'about', items: ['base64image', 'About']},], extraPlugins: 'base64image' });

4.Если вы хотите отключить браузер файлов, комментировать эти строки в файле /base64image/dialogs/base64image.js:

/*{ 
       type: "hbox", 
       widths: ["70px"], 
       children: [ 
        { 
         type: "checkbox", 
         id: "filecheckbox", 
         style: "margin-top:5px", 
         label: editor.lang.common.upload+":" 
        }, 
        { 
         type: "file", 
         id: "file", 
         label: "", 
         onChange: function(){ imagePreview("file"); } 
        } 
       ] 
      },*/ 

//fileCB = this.getContentElement("tab-source", "filecheckbox"); 

//fileCB.getInputElement().on("click", function(){ imagePreview("file"); });