Froala编辑器是否禁用下拉菜单中的按钮?

时间:2019-07-02 13:38:12

标签: javascript angular6 editor froala

我在中使用Froala编辑器。我的应用程序中,我想禁用froala编辑器工具栏下拉菜单中的按钮。

我添加了一个选项,允许用户在编辑器中访问align内容,但是我想在工具栏的align下拉菜单中禁用第4个(Justify)选项,仅保留三个选项(左,中心右)。

FROALA_TOOLBAR_OPTIONS_FLASHCARDS = ['bold', 'italic', 'underline', 'color', '-',
        'formatOL', 'formatUL', 'insertImage', 'align'
    ];

我尝试搜索文档。但没有发现任何有用的东西可以让我禁用align工具栏上froala下拉菜单中的第4个选项。

enter image description here

1 个答案:

答案 0 :(得分:0)

使用JSFiddle-https://jsfiddle.net/hp0rsq52/

FroalaEditor.DefineIcon('custom_align', {NAME: 'cog', SVG_KEY: 'cogs'});
FroalaEditor.RegisterCommand('custom_align', {
  title: 'Advanced options',
  type: 'dropdown',
  focus: false,
  undo: true,
  refreshAfterCallback: true,
  options: {
    'v1': 'left',
    'v2': 'center',
    'v3': 'right'
  },
    callback: function (cmd, val) {
    if (val == 'v1')
    {
      this.align.apply('left');
    }
    if (val == 'v2')
    {
      this.align.apply('center');
    }
    if (val == 'v3')
    {
      this.align.apply('right');
    }
  },

});

new FroalaEditor('div#froala-editor', {
   scaytCustomerId: '1:YjSV32-KWqTc2-AICoL3-WHiWO1-gYWRJ1-T1Cye3-Z9BJX3-YoRKY2-Icrlm-FMisd4-B26CZ3-SK3',
  toolbarButtons: [['undo', 'redo' , 'bold'], ['alert', 'clear', 'insert','custom_align']]
})