在已初始化的draft.js编辑器中以编程方式设置文本

时间:2017-09-18 12:38:41

标签: reactjs draftjs

这是我当前状态的组成部分。

class TextInput extends React.Component<TextInputProps, any> {
  constructor(props) {
    super(props);
    this.state = { editorState: EditorState.createWithContent(ContentState.createFromText(props.content))};
    this.onChange = this.onChange.bind(this);
  }

  onChange(editorState) {
    const { setContent } = this.props;
    this.setState({editorState});
    const plainText = editorState.getCurrentContent().getPlainText();
    setContent({ content: plainText });
  }
  render() {
    return (
      <TextEditor
        editorState={this.state.editorState}
        onChange={this.onChange}
      />
     );
  }
};

所以基本上我将编辑器的内容保存在我的redux状态,而draft.js管理组件中的其余内容。我正在寻找的是能够在不使用createWithContent的情况下设置编辑器的状态(仅限纯文本内容)。我还没能在文档中找到state.set或类似内容。

replaceText是最接近的选择吗? (https://draftjs.org/docs/api-reference-modifier.html#replacetext

0 个答案:

没有答案