在draftjs编辑器中显示html按钮

时间:2017-06-20 09:24:24

标签: javascript reactjs draftjs

我正在使用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>

0 个答案:

没有答案