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 },
}}
/>
有关更多信息,请参阅: