2013-12-22 90 views
3

在CKEditor中添加額外插件後:config.extraPlugins = 'syntaxhighlight';我無法將它放在我想要的位置的導航欄上。不能將extraPlugin放在CKEDITOR工具欄中的正確位置

config.toolbarGroups = [ 
    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, 
    { name: 'styles' }, 
    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks' ] }, 
    { name: 'insert' }, 
    { name: 'links' }, 
    { name: 'spellchecker' }, 
]; 

config.extraPlugins = 'syntaxhighlight'; 

當我加載CKEditor的我的語法插件放置在insert組,我不知道怎麼把它弄出來的有或如何將任何將其放置在別的。

我使用的是4.3版本

回答

0

你需要找到按鈕內plugin.js定義文件,所以你的情況,這將是地方: 的CKEditor /插件/ syntaxhighlight /插件的.js

訂購按鈕定義被傳遞到editor.ui.addX方法,即

editor.ui.addButton('MyButton', 
{ 
    label : 'My button label', 
    toolbar : 'insert,100' 
}); 

您需要調整toolbar屬性: - 字符串部分insert告訴哪個組將接收按鈕。 - 號碼100代表其位置。數字越小,按鈕的優先級就越高。

您可以更新屬性爲以下值:

toolbar : 'insert,5' 
+2

或者,如果你想避免代碼的修改,你可以重新定義整個工具欄,使用'toolbar'設置代替'toolbarGroups'。請參閱[工具欄配置指南](http://docs.ckeditor.com/#!/guide/dev_toolbar)。 – Reinmar

+0

謝謝Marek,我會馬上試試! –

+0

可悲的馬雷克的建議沒有奏效:(我嘗試了不同的方式,都失敗了,而且我想我需要用Reinmar的建議作爲我的解決方案,所以如果你在一個小時內發佈答案,我會標記你的答案是正確的如果不是馬立克的話 –