Question

我在角度为6的应用程序的弹出窗口中使用Froala编辑器。应禁用功能insertImage（不可见）。 Froala div看起来像这样：

<div id="froala-editor" [froalaEditor]="froalaOptions" (froalaInit)="initFroala($event)">Hello, Froala!</div>

在我设置的js（打字稿）处（没有insertImage）：

    public initFroala(froala) {
    $('#froala-editor').froalaEditor({
        toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 
        'fontFamily', 'fontSize', 'color', 'inlineStyle', 'paragraphStyle', '|', 'paragraphFormat', 'align', 
        'formatOL', 'formatUL', 'outdent', 'indent', 'quote', '-', 'insertLink', 'insertVideo', 'insertFile', 'insertTable', '|', 
        'emoticons', 'specialCharacters', 'insertHR', 'selectAll', 'clearFormatting', '|', 'print', 'help', 'html', '|', 'undo', 'redo']
    });
}

但是insertImage-Button仍然存在。如何启用insertButton？

感谢您的帮助。弗兰克

Answer 1

您可以在传递的 froalaOptions 选项中添加工具栏按钮的列表。

在打字稿中

froalaOptions: any = {
       toolbarButtons: [
        'align',
        'color',
        'fullscreen',
        'bold',
        'italic']
}

将此选项传递给 Froala编辑器

<div id="froala-editor" [froalaEditor]="froalaOptions" (froalaInit)="initFroala($event)">Hello, Froala!</div>

因此要删除insertImage按钮，只需不需要将其添加到此工具栏按钮列表中即可。

Angular 6中的Froala编辑器隐藏图像编辑选项

1 个答案: