2017-09-19 36 views
1

我按照說明文件,並添加兩個插件:CKEditor的插件不工作/出現

  • 增強圖像(圖像2)
  • 增強顏色按鈕

但也出現在我的工具欄。我已經添加了所有的依賴關係。

這裏是我的config.js

CKEDITOR.editorConfig = function(config) { 
config.toolbarGroups = [ 
    { name: 'document', groups: [ 'mode', 'document', 'doctools' ] }, 
    { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, 
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] }, 
    { name: 'forms', groups: [ 'forms' ] }, 
    '/', 
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi', 'paragraph' ] }, 
    { name: 'links', groups: [ 'links' ] }, 
    { name: 'insert', groups: [ 'insert' ] }, 
    '/', 
    { name: 'styles', groups: [ 'styles' ] }, 
    { name: 'colors', groups: [ 'colors' ] }, 
    { name: 'tools', groups: [ 'tools' ] }, 
    { name: 'others', groups: [ 'others' ] }, 
    { name: 'about', groups: [ 'about' ] } 
]; 

config.height = 500;  // 500 pixels. 

/*config.removePlugins = 'colorbutton';*/ 

config.extraPlugins = 'button', 'toolbar', 'notification', 'clipboard', 'lineutils', 'dialogui', 'dialog', 'widgetselection', 'widget', 'image2', 'panel', 'floatpanel', 'panelbutton', 'enhancedcolorbutton'; 

config.removeButtons = 'NewPage,Source,Scayt,Form,Checkbox,Radio,TextField,Textarea,Select,Button,ImageButton,HiddenField,Outdent,Indent,Blockquote,CreateDiv,BidiLtr,BidiRtl,Language,Anchor,Flash,SpecialChar,PageBreak,Iframe,BGColor,Maximize,ShowBlocks'; 
}; 

任何援助深表感謝。

回答

0

請參閱:https://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-extraPlugins

插件列表應該用逗號分隔值的一個字符串輸入:

config.extraPlugins = 'button,toolbar,notification,clipboard,lineutils,dialogui,dialog,widgetselection,widget,image2,panel,floatpanel,panelbutton,enhancedcolorbutton'; 

注:插件,像buttontoolbardialogdialogui,應可以在任何預設中使用,除非您有一些非常定製的套餐,否則應該不需要使用extraPlugins設置添加它們。他們應該已經在包裝中。

+0

謝謝,對於延誤表示歉意,我已經離開了一段時間。我更改了config.js,但額外的插件沒有顯示在我的面板中;他們應該自動在那裏,還是我必須改變一些東西? –

+0

從附加的插件,你只會看到圖像2,也許增強colorbutton(抱歉,我不知道這一個)在工具欄中。其餘的額外插件沒有工具欄按鈕。你可以點擊圖像按鈕,並檢查是否可以看到它的新對話框(https://ckeditor.com/cke4/addon/image2 - 你可以檢查一個屏幕截圖中的對話框的樣子)。如果您看不到它,請打開開發工具並告訴我您是否在控制檯中發現任何錯誤。 –

+0

image2是我的主要,我可以管理沒有顏色之一。 我得到[違反]避免使用document.write。 ckeditor.js:557和 [違例]'setTimeout'處理程序花費了137ms ckeditor.js:250 –