我如何使用React-TinyMCE完成从编辑器中删除菜单,工具栏的操作

问题描述

此外,如果您可以帮助我弄清楚如何删除菜单,可惜使用工具栏:false,我仍然可以看到菜单项,例如“文件”,

这是我的代码

<Editor
    init={{toolbar: false}}
    apiKey="xxxx"
    inline={true}
    value="Design DIY">

我的输出使用上面的代码

enter image description here

解决方法

要隐藏menubartoolbar,您可以执行以下操作:

// ...
<Editor
  init={{
    menubar: false,toolbar: false
  }}
  // other props...
/>
// ...

如果您使用的是官方包装器实现https://github.com/tinymce/tinymce-react,请使用init道具。

如果您使用的是https://github.com/instructure-react/react-tinymce,请使用config道具代替init