CKEditor 4的下拉工具栏按钮

Question

是否可以创建一个包含工具栏按钮的下拉样式菜单？

我想在工具栏上有一个按钮,它将对齐按钮(可能还有其他按钮)分组到一个下拉菜单中.

谢谢

Answer 1

问题并不是那么难,但你还是要编写几行代码.内部的以下逻辑pluginsLoaded可以(应该)在init一个全新的插件中定义(可以称为"groupped-justify").否则,如果执行得太晚,例如生成工具栏后,整个代码就没有意义了.

请参阅官方插件开发指南以了解更多信息.

另请参阅jsFiddle的工作示例.

CKEDITOR.replace( 'editor', {
    plugins: 'wysiwygarea,sourcearea,basicstyles,toolbar,menu,menubutton,justify',
    on: {
        pluginsLoaded: function() {
            var editor = this,
                items = {};

            editor.addMenuGroup( 'some_group' );

            items.justifyleft = {
                label: editor.lang.justify.left,
                group: 'some_group',
                command: 'justifyleft',
                order: 1
            };

            items.justifyright = {
                label: editor.lang.justify.right,
                group: 'some_group',
                command: 'justifyright',
                order: 2
            };

            editor.addMenuItems( items );

            editor.ui.add( 'Groupped', CKEDITOR.UI_MENUBUTTON, {
                label: 'Groupped justify',
                // Disable in source mode.
                modes: { 
                    wysiwyg: 1 
                },
                icon: 'JustifyLeft',
                onMenu: function() {
                    var active = {};

                    // Make all items active.
                    for ( var p in items )
                        active[ p ] = CKEDITOR.TRISTATE_OFF;

                    return active;
                }
            } );                       
        }
    }
} );