reactjs - 带有反应 js 的 froala 编辑器 3 - 如何在初始化时隐藏工具栏？

Question

我正在尝试在我的 react js 应用程序中实现 froala 编辑器，并且我需要默认隐藏工具栏，并且应该仅在 textarea/editor 具有焦点时显示。在以前的版本中，初始化将像下面那样工作，但不再在版本 3 中。任何帮助表示赞赏。

'froalaEditor.initialized': function (e, editor) {
editor.toolbar.hide();
}

标签： reactjsfroala

Answer 1

您必须使用config道具，然后设置这样的initialized事件：

(
  <FroalaEditor
    tag='textarea'
    config={{
      events: {
        'initialized': function() {
          // this is the editor instance.
          this.toolbar.hide();
        }
      }
    }}
  />
)