TinyMCE 4.X:将对齐选项添加到上下文菜单

时间:2016-05-23 15:58:20

标签: tinymce tinymce-4

我尝试在TinyMCE中创建自定义上下文菜单。

contextmenu:"cut copy paste | alignment"

和“对齐”就像

tinymce.PluginManager.add('context_menu',function(editor) {
    editor.addMenuItem('alignment', {
        text: 'Alignment',
        menu:[{text: 'Left', icon: 'alignleft', cmd: 'alignleft'},
            {text: 'Center', icon: 'aligncenter', cmd: 'aligncenter'},
            {text: 'Right', icon: 'alignright', cmd: 'alignright'},
            {text: 'Justify', icon: 'alignjustify', cmd: 'alignjustify'}],
        context:'alignment'
    });
});

代码为上下文菜单提供了对齐选项,但是当我点击左/右/对齐时,似乎没有任何工作。文本没有根据命令对齐。我尝试了“cmd”和“格式”选项,但似乎没有任何效果。

1 个答案:

答案 0 :(得分:1)

我从TinyMCE文档中找到答案。在这里,我们只需使用编辑器execCommand而不是cmd来触发onclick事件,命令将是

JustifyLeft,JustifyCenter,JustifyRight,JustifyFull

onclick: function () {
                editor.execCommand('JustifyLeft');
            }