Froala 编辑器禁用下拉菜单中的按钮？

【问题标题】：Froala editor disable a button in dropdown?Froala 编辑器禁用下拉菜单中的按钮？
【发布时间】：2019-07-02 13:38:12
【问题描述】：

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

我添加了一个选项，允许用户在编辑器中使用align 内容，但我想禁用工具栏中align 下拉菜单中的第四个（对齐）选项，只保留三个选项（左、中、右） .

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

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

【问题讨论】：

标签： javascript angular6 editor froala

【解决方案1】：

使用 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']]
})

【讨论】：