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

Reactjs 如何删除react draft wysiwyg工具栏中的默认选项?,reactjs,editor,rich-text-editor,draftjs,react-draft-wysiwyg,Reactjs,Editor,Rich Text Editor,Draftjs,React Draft Wysiwyg,根据我的问题,我想删除一些默认工具栏选项,如字体系列或表情符号,而只保留文本样式选项。怎么做 给我的编辑 <Editor editorState={editorState} wrapperClassName="demo-wrapper" onEditorStateChange={this.onEditorStateChange} toolbar={{ inline: { inDropdown: true },

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

给我的编辑

<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 },
    }}
/>

传递名为
options
的数组,该数组包含工具栏属性中所需的所有选项。这是一个包含所有可用选项的阵列:

选项:[“内联”、“块类型”、“字体大小”、“字体系列”、“列表”、“文本对齐”、“颜色选择器”、“链接”、“嵌入”、“表情符号”、“图像”、“删除”、“历史记录”]

下面的示例只包含文本样式选项,不包含字体系列

<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 },
    }}
/>


有关更多信息,请参阅: