Редактор Froala отключить кнопку в выпадающем списке?

Я использую редактор Froala в формате . моего приложения, я хочу отключить кнопку в раскрывающемся списке панели инструментов редактора froala.

Я добавил параметр, позволяющий пользователю отображать align содержимое в редакторе, но я хочу отключить 4-й параметр (выравнивание по ширине) в раскрывающемся списке align на панели инструментов, оставив только три параметра (слева, по центру, справа).

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

Я пробовал искать в документах. но не нашел ничего полезного, что позволило бы мне отключить 4-й параметр в раскрывающемся списке align на панели инструментов froala.

введите здесь описание изображения


javascript editor angular6 froala
person Divyanshu Rawat    schedule 02.07.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используйте 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']]
})
person Gaurav Khanna    schedule 24.12.2019