如何删除 react-draft-wysiwyg 工具栏中的默认选项？

Question

根据我的问题，我想删除一些默认的工具栏选项，例如字体系列或表情符号，只保留文本样式选项。怎么做？

为了我的编辑。

<Editor
    editorState={editorState}
    wrapperClassName="demo-wrapper"
    onEditorStateChange={this.onEditorStateChange}
    toolbar={{
        inline: { inDropdown: true },
        list: { inDropdown: true },
        textAlign: { inDropdown: true },
        link: { inDropdown: true },
        history: { inDropdown: true },
    }}
/>

Answer 1

传递一个名为 options 的数组，其中包含您在 工具栏 属性中需要的所有选项。这是一个包含所有可用选项的数组：

options: ['inline', 'blockType', 'fontSize', 'fontFamily', 'list', 'textAlign', 'colorPicker', 'link', 'embedded', 'emoji', 'image', 'remove', 'history']

这里是仅包含文本样式选项且不包含字体系列的示例

<Editor
    editorState={editorState}
    wrapperClassName="demo-wrapper"
    onEditorStateChange={this.onEditorStateChange}
    toolbar={{
        options: ['inline', 'blockType', 'fontSize', 'list', 'textAlign', 'history'],
        inline: { inDropdown: true },
        list: { inDropdown: true },
        textAlign: { inDropdown: true },
        link: { inDropdown: true },
        history: { inDropdown: true },
    }}
/>

有关详细信息，请参阅：https://jpuri.github.io/react-draft-wysiwyg/#/docs

如何删除 react-draft-wysiwyg 工具栏中的默认选项？

How to remove default option in toolbar of react-draft-wysiwyg?

editor

rich-text-editor

reactjs

draftjs

react-draft-wysiwyg