如何添加一個下拉菜單/按鈕到ckeditor插入內容時選擇一個下拉菜單

Question

我需要能夠添加一個下拉或按鈕到ckeditor的工具欄，將彈出一個列表，當一個listitem將被點擊文本那列表項將被添加到CKEditor的內容

我也需要ablee更改列表的內容，希望有一個功能：

function SetListsContent(arr) 
{ 
//fill the list with the array arr 
... 
} 

Answer 1

我最終會做這樣的：

<div id='stuff'> 
    <ul class="editorlist"> 
     <li>hi</li> 
     <li>how are you</li> 
     <li>good</li> 
    </ul> 
</div> 

<script type='text/javascript'> 
    function myfunc() { 
     $('<a href="#" id="stuffadd">add some text</a>') 
     .click(function() { $('#stuff').dialog('open'); }).appendTo('.cke_button:last'); 
    } 
</script> 

Answer 2

爲此首先添加插件。代碼中加入插件低於：

CKEDITOR.plugins.add('language', { 
    requires: 'selection', 
    init: function(editor) { 
     var pluginName = 'language'; 
     CKEDITOR.dialog.add(pluginName, this.path + 'dialogs/language.js'); 
     editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName)); 
     editor.ui.addButton('language', { 
      label: 'language', 
      command: pluginName 

     }); 
    } 
}); 

然後添加插件安裝到工具欄中config.js即

extraPlugins: 'language';