如何添加一个下拉菜单/按钮到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';