源码文件位置：src/model/immutable/EditorState.js
EditorState是什么呢？包含了哪些内容？
type EditorStateRecordType = { allowUndo: boolean, currentContent: ?ContentState, decorator: ?DraftDecoratorType, directionMap: ?OrderedMap<string, string>, forceSelection: boolean, inCompositionMode: boolean, inlineStyleOverride: ?DraftInlineStyle, lastChangeType: ?EditorChangeType, nativelyRenderedContent: ?ContentState, redoStack: Stack<ContentState>, selection: ?SelectionState, treeMap: ?OrderedMap<string, List<any>>, undoStack: Stack<ContentState>, }; var defaultRecord: EditorStateRecordType = { allowUndo: true, currentContent: null, decorator: null, directionMap: null, forceSelection: false, inCompositionMode: false, inlineStyleOverride: null, lastChangeType: null, nativelyRenderedContent: null, redoStack: Stack(), selection: null, treeMap: null, undoStack: Stack(), }; var EditorStateRecord = Record(defaultRecord);
allowUndo: boolean,
是否允许撤销操作
currentContent: ?ContentState,
decorator: ?DraftDecoratorType,
OrderedMap，表示每个block的文字方向。
directionMap: EditorBidiService.getDirectionMap(currentContent)
Q：directionMap是什么？有什么作用呢？以及应用场景？EditorBidiService是什么？
directionMap: {b70de: "LTR"}
Q：强制render SelectionState指的是什么？这里的forceSelection是什么意思，有什么作用、应用场景？
inCompositionMode是draftJs自动维护的，是依据DOM支持的事件：
onCompositionStart，onCompositionEnd，
- compositionstart 中文输入法开始输入时触发，每次输入开始仅执行一次
- compositonupdate 中文输入法在输入时触发，返回实时内容，例如zhong’wen，仅在 compositionstart 触发后触发，输入时实时触发多次
- compositionend 复合系统关闭，返回正常键盘输入状态，中文输入法输入完成时触发，所得到的结果就是最终输入完成的结果，执行一次
src/component/base/DraftEditor.react.js， 在DraftEditor组件里面，div上确实绑定了
onCompositionEnd={this._onCompositionEnd}
onCompositionStart={this._onCompositionStart}
用户是否在中文输入法或者其他组合输入法下面。作用是：以便用于呈现UI
比如是否展示Placeholder： （不是中文输入法，且没有文字时才展示。）
_showPlaceholder(): boolean {
return (
!!this.props.placeholder &&
!this.props.editorState.isInCompositionMode() &&
!this.props.editorState.getCurrentContent().hasText()
);
}
因为一开始输入中文时，如果你只打了部分拼音还没敲空格，hasText是false，
此时如果展示placeholder就有问题了。
下一个插入的字符会被应用上的An inline style value，光标处于闪烁状态时（即collapsed，坍缩），会使用到它。
注：非坍缩时，选中一块区域再输入时，inline style取决于选区最开始时的字符的inline style。
lastChangeType: ?EditorChangeType,
nativelyRenderedContent: ?ContentState,
redoStack: Stack<ContentState>,
selection: ?SelectionState,
undoStack: Stack<ContentState>,
treeMap是什么？List中item的leaves是什么意思？
The fully decorated and styled tree of ranges to be rendered in the editor component.
treeMap: generateNewTreeMap(currentContent, decorator)
At render time, components should iterate through the treeMap object to render decorated ranges and styled ranges, using the getBlockTree() method.
getBlockTree(blockKey: string): List<any> { return this.getImmutable().getIn(['treeMap', blockKey]); }
treeMap是OrderedMap类型
blockKey => List
List其实就是包含了，该block被截断成多个部分，每个被decorator range分割开的都是一个item，包括decorator range也是一个item
decoratorKey依次从 0.0 / 0.1 / 0.2 递增
参考文献：
https://draftjs.org/docs/api-reference-editor-state