2013-05-10 3 views
1

Я написал собственный собственный плагин для вставки изображений в CKEDITOR. Я отключу кнопку изображения на панели инструментов. Я использую функцию editor.insertHtml() для вставки изображения из моего настраиваемого плагина. Когда я удаляю стандартную кнопку изображения из набора инструментов, она отключает вставку тега изображения в поле CKEDITOR. Все остальные html-теги принимаются, но для тега <img/>.Невозможно вставить img-тег после добавления пользовательского плагина для изображения

Это мой конфиг (без 'Image' в config.toolbar):

CKEDITOR.editorConfig = function(config) 
{ 
CKEDITOR.plugins.addExternal('insert_blank','http://localhost:3000/assets/ckeditor/plugins/insert_blank/', 'plugin.js'); 
CKEDITOR.plugins.addExternal('qimage','http://localhost:3000/assets/ckeditor/plugins/qimage/', 'plugin.js'); 
config.extraPlugins = 'insert_blank,qimage' ; 

    config.toolbar = 
    [ 

     { name: 'basicstyles', items : [ 'Bold','-','Italic' ] }, 

     { name: 'insert', items : [ 'insert_blank.btn','-','qimage.btn' 
       ] }, 




    ]; 
    config.keystrokes = [ 

    [ CKEDITOR.CTRL + 75, 'InsertBlank' ],  
    [ CKEDITOR.CTRL + 85, 'qimage' ], 
]; 

     config.height = 300 ; 
       config.width = 350 ; 
       config.removePlugins = 'elementspath,resize' ; 

}; 

Есть ли способ, чтобы включить изображения тег вставки?

UPDATE: Работали, добавив следующую команду в файл конфигурации:

config.allowedContent = 'b i img[!src,alt,width,height]' ; 
+1

Вам не нужно разрешать 'p'. Он автоматически регистрируется на основе текущей настройки 'config.enterMode'. – Reinmar

+0

Техническое примечание. Если вы решите свою проблему/вопрос самостоятельно, пожалуйста, всегда формируйте полный ответ на свой вопрос с ним, а не редактирование самого вопроса. Редакции предназначены для разъяснения вопроса, а не для ответа. Благодарю. – trejder

ответ

2

Вы читали, как интегрировать плагин с Allowed Filter Content? Вам нужно определить, что ваш плагин добавляет кнопку/команду, которые позволяют использовать тег img и его атрибуты. Вы также можете определить, какой тег и его атрибуты определенно необходимы для включения этой кнопки/команды, что активирует/деактивирует ее, когда кто-то установит config.allowedContent.

2

Вам нужно только включить атрибут img[src].

Таким образом, вы должны использовать config.extraAllowedContent = 'img[src,alt,width,height]';

config.allowedContent перекрывает все другие Домс.