我在中使用Froala编辑器。我的应用程序中,我想禁用froala编辑器工具栏下拉菜单中的按钮。
我添加了一个选项,允许用户在编辑器中访问align
内容,但是我想在工具栏的align
下拉菜单中禁用第4个(Justify)选项,仅保留三个选项(左,中心右)。
FROALA_TOOLBAR_OPTIONS_FLASHCARDS = ['bold', 'italic', 'underline', 'color', '-',
'formatOL', 'formatUL', 'insertImage', 'align'
];
我尝试搜索文档。但没有发现任何有用的东西可以让我禁用align
工具栏上froala
下拉菜单中的第4个选项。
答案 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']]
})