Froala 隐藏第二个工具栏

Froala 是一款基于 HTML 编辑器的简单易用的插件，它具有丰富的特性和可扩展性，但是有些情况下我们需要隐藏某些不必要的功能，本文将介绍如何在 Froala 中隐藏第二个工具栏。

1. 安装 Froala

首先，在您的项目中引入 Froala，您可以通过 官方文档 中提供的方法进行安装。

2. 隐藏第二个工具栏

在 Froala 中，我们可以通过以下方式隐藏第二个工具栏：

$('#editor').froalaEditor({
  toolbarButtons: {
    moreText: {
      buttons: ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'textColor', 'backgroundColor']
    },
    moreParagraph: {
      buttons: ['alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'formatOL', 'formatUL', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote']
    },
    // 隐藏第二个工具栏
    moreMisc: {
      buttons: ['undo', 'redo', 'selectAll', 'html', 'fullscreen']
    }
  }
});

如上述代码所示，我们在按钮中添加了 moreMisc 对象，将 undo、redo、selectAll、html 和 fullscreen 这五个按钮隐藏掉了，从而实现了隐藏第二个工具栏的效果。

3. 总结

本文主要介绍了如何在 Froala 中隐藏第二个工具栏，通过更改节点中的 toolbarButtons 属性，实现了对 Froala 工具栏的自定义控制，从而实现了本文的目标。如需了解更多 Froala 相关内容，可参考 官方文档。