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

发布于 2024-11-02 21:40:53 字数 214 浏览 0 评论 0原文

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

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

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

原文

I need to be able to add a dropdown or button to the ckeditor's toolbar that will pop up a list, and when a listitem would be clicked the text of that list item would be added to the ckeditor's content

I also need to be ablee to change the content of that list, like to have a function:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

七度光 2024-11-09 21:40:53

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

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 ie 中的工具栏

extraPlugins: 'language';

For this first of all add plugin. code to add plugin is below:

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

       });
    }
});

And then add plugin into toolbar in config.js i.e

extraPlugins: 'language';

回复收藏 0 原文

七色彩虹 2024-11-09 21:40:53

我最终这样做：

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

I end up doing this:

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

回复收藏 0 原文

~没有更多了~