draftjs如何启动内容编辑器

Question

偶然发现了这个很棒的文本编辑器，facebook的draft.js。我尝试遵循github中的示例，但我想创建一个具有内容的编辑器，而不是一个空的编辑器。

var EditorState = Draft.EditorState;

var RichEditor = React.createClass({
   getInitialState(){
      return {editorState: EditorState.createWithContent("Hello")}
      //the example use this code to createEmpty editor
     // return ({editorState: EditorState.createEmpty()})
   }
});

运行它，但出现错误，提示“未捕获的TypeError：contentState.getBlockMap不是函数”

Answer 1

EditorState.createWithContent的第一个参数是ContentState，而不是字符串。您需要导入ContentState

var EditorState = Draft.EditorState;
var ContentState = Draft.ContentState;

使用ContentState.createFromText并将结果传递给EditorState.createWithContent。

return {
  editorState: EditorState.createWithContent(ContentState.createFromText('Hello'))
};