我正在使用draftjs进行编辑。我可以解析来自api的HTML代码到标记。但是我如何才能显示一个html按钮,以便在点击它时,它应该允许编写html代码。
我怎么能这样做?
这是我的代码。我正在使用react-draft-wysiwyg
<div>
<Editor
tabIndex={0}
hashtag={{}}
editorState={editorState}
initialContentState={this.props.htmlMarkup}
toolbarClassName="home-toolbar"
wrapperClassName="home-wrapper"
editorClassName="home-editor"
onEditorStateChange={this.onEditorStateChange}
decorators={decorator}
// toolbarOnFocus
toolbar={{
history: { inDropdown: true },
inline: { inDropdown: false },
list: { inDropdown: true },
link: { showOpenOptionOnHover: true },
textAlign: { inDropdown: true },
image: {
uploadCallback: this.imageUploadCallBack,
defaultSize: { height: "auto", width: "50%" }
}
}}
onContentStateChange={this.onEditorChange}
placeholder="write text here..."
spellCheck
onChange={this.handleChange}
onBlur={this.handleBlur}
/>
</div>