rte toolbarConfig={[]}和showToolbar={false}

Question

我正试图从react-rte中删除工具栏，所以我尝试了

        toolbarConfig={[]},
        showToolbar={false}

我只想展示一些html，仅此而已。

但它给了我这个：

​

​

如何删除react rte中的工具栏？

codesandbox.io

Answer 1

似乎没有像showToolbar这样的选项。您可以将readOnly选项设置为true，这将阻止工具栏的呈现(参见RichtTextEditor.js:122.)。检查这个密码箱，请注意，我使用了createValueFromString(...) (来源)进行状态初始化(要求标记为string和format选项(string) )。您可以调整标记的格式，我已经将html用于沙箱(请参阅可用的所有可用选项这里)。此外，请随时删除toolbarConfig参数，它不是您的用例所必需的。

Answer 2

配置要在toolbarConfig变量中显示的内容，如果want.this工作正常，则删除所有内容，只需对其进行测试。

const toolbarConfig = {
  display: [],
};

然后在你的联合声明中

        <RichTextEditor
          toolbarConfig={toolbarConfig}
        />

这行得通