2013-05-10 59 views
1

我已經編寫了自己的自定義插件,用於在CKEDITOR中插入圖像。我禁用工具欄中的圖像按鈕。我使用editor.insertHtml()函數從我的自定義插件插入圖像。當我從工具集中移除標準圖像按鈕時,它禁止在CKEDITOR框中插入圖像標籤。所有其他html標記都可以接受,但對於<img/>標記。在爲圖像添加自定義插件後無法插入img標籤

這是我(在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 2013-05-11 11:23:40

+0

技術說明:如果您自己解決問題/疑問,請始終用您的問題形成完整答案,而不是編輯問題本身。編輯是爲了澄清問題,而不是回答問題。謝謝。 – trejder 2015-03-23 12:22:37

回答

2

你讀過如何插件與Allowed Filter Content集成:通過添加下面的命令來配置文件有效?您需要定義您的插件添加了允許標記及其屬性的按鈕/命令。您還可以定義啓用此按鈕/命令時明確需要哪個標籤及其屬性,當有人設置config.allowedContent時,將啓用/停用哪些標籤及其屬性。

2

您需要的僅僅是啓用img[src]屬性。

所以,你應該用config.extraAllowedContent = 'img[src,alt,width,height]';

config.allowedContent將覆蓋所有其他的DOM。