Question

我需要能够在ckeditor的工具栏中添加一个下拉列表或按钮，弹出一个列表，当点击一个列表项时，该列表项的文本将被添加到ckeditor的内容

我还需要能够更改该列表的内容，比如有一个功能：

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

Answer 1

首先添加插件。添加插件的代码如下：

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';

Answer 2

我最终这样做了：

<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>

如何在选择dropdownItem时向ckeditor添加下拉/按钮以插入内容

2 个答案: