feat: add default props of richeditor

README.md

@@ -8,4 +8,58 @@
 
 ```
 $ npm install git+https://git.links123.net/node/editor.git --save
+```
+
+## 使用
+
+```js
+import React from 'react'
+import { RichEditor } from 'editor';
+
+export default class RichEditor extends React.Component {
+
+    state = {
+        // 创建一个空的editorState作为初始值
+        editorState: EditorState.createFrom('')
+    }
+
+    async componentDidMount () {
+        // 假设此处从服务端获取html格式的编辑器内容
+        // const htmlContent = await fetchEditorContent()
+        const htmlContent = '<h1>ss</h1>'
+        // 使用EditorState.createFrom将html字符串转换为编辑器需要的editorState数据
+        this.setState({
+            editorState: EditorState.createFrom(htmlContent)
+        })
+    }
+
+    submitContent = async () => {
+        // 在编辑器获得焦点时按下ctrl+s会执行此方法
+        // 编辑器内容提交到服务端之前，可直接调用editorState.toHTML()来获取HTML格式的内容
+        const htmlContent = this.state.editorState.toHTML()
+        console.log('htmlContent: ', htmlContent)
+        // const result = await saveEditorContent(htmlContent)
+    }
+
+    handleEditorChange = (editorState) => {
+        this.setState({ editorState })
+    }
+
+    render () {
+
+        const { editorState } = this.state
+        return (
+            <div>
+                <BraftEditor
+                    value={editorState}
+                    onChange={this.handleEditorChange}
+                    onSave={this.submitContent}
+                />
+            </div>
+        )
+
+    }
+
+}
+
 ```

lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
 exports.MarkdownEditor = exports.RichEditor = undefined;
 
@@ -9,6 +9,8 @@ var _fontawesomeSvgCore = require('@fortawesome/fontawesome-svg-core');
 
 var _freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 
+var _braftEditor = require('braft-editor');
+
 var _RichEditor = require('./RichEditor');
 
 var _RichEditor2 = _interopRequireDefault(_RichEditor);
@@ -31,6 +33,8 @@ _fontawesomeSvgCore.library.add(_freeSolidSvgIcons.faListUl);
 _fontawesomeSvgCore.library.add(_freeSolidSvgIcons.faListOl);
 _fontawesomeSvgCore.library.add(_freeSolidSvgIcons.faTasks);
 
+_RichEditor2.default.EditorState = _braftEditor.EditorState;
+
 exports.RichEditor = _RichEditor2.default;
 exports.MarkdownEditor = _MarkdownEditor2.default;
 //# sourceMappingURL=index.js.map

lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["library","add","faBold","faHeading","faItalic","faStrikethrough","faLink","faQuoteRight","faCode","faImage","faListUl","faListOl","faTasks","RichEditor","MarkdownEditor"],"mappings":";;;;;;;AAAA;;AACA;;AAaC;;;;AACA;;;;;;AAGDA,4BAAQC,GAAR,CAAYC,yBAAZ;AACAF,4BAAQC,GAAR,CAAYE,4BAAZ;AACAH,4BAAQC,GAAR,CAAYG,2BAAZ;AACAJ,4BAAQC,GAAR,CAAYI,kCAAZ;AACAL,4BAAQC,GAAR,CAAYK,yBAAZ;AACAN,4BAAQC,GAAR,CAAYM,+BAAZ;AACAP,4BAAQC,GAAR,CAAYO,yBAAZ;AACAR,4BAAQC,GAAR,CAAYQ,0BAAZ;AACAT,4BAAQC,GAAR,CAAYS,2BAAZ;AACAV,4BAAQC,GAAR,CAAYU,2BAAZ;AACAX,4BAAQC,GAAR,CAAYW,0BAAZ;;QAIEC,U,GAAAA,oB;QACAC,c,GAAAA,wB","file":"index.js","sourcesContent":["import { library } from '@fortawesome/fontawesome-svg-core'\nimport { \n    faBold, \n    faHeading,\n    faItalic,\n    faStrikethrough,\n    faLink,\n    faQuoteRight,\n    faCode,\n    faImage,\n    faListUl,\n    faListOl,\n    faTasks,\n } from '@fortawesome/free-solid-svg-icons'\n import RichEditor from './RichEditor';\n import MarkdownEditor from './MarkdownEditor';\n\n\nlibrary.add(faBold)\nlibrary.add(faHeading)\nlibrary.add(faItalic)\nlibrary.add(faStrikethrough)\nlibrary.add(faLink)\nlibrary.add(faQuoteRight)\nlibrary.add(faCode)\nlibrary.add(faImage)\nlibrary.add(faListUl)\nlibrary.add(faListOl)\nlibrary.add(faTasks)\n\n\nexport { \n  RichEditor,\n  MarkdownEditor,\n }\n"]}
+{"version":3,"sources":["../src/index.js"],"names":["library","add","faBold","faHeading","faItalic","faStrikethrough","faLink","faQuoteRight","faCode","faImage","faListUl","faListOl","faTasks","RichEditor","EditorState","MarkdownEditor"],"mappings":";;;;;;;AAAA;;AACA;;AAaA;;AACC;;;;AACA;;;;;;AAGDA,4BAAQC,GAAR,CAAYC,yBAAZ;AACAF,4BAAQC,GAAR,CAAYE,4BAAZ;AACAH,4BAAQC,GAAR,CAAYG,2BAAZ;AACAJ,4BAAQC,GAAR,CAAYI,kCAAZ;AACAL,4BAAQC,GAAR,CAAYK,yBAAZ;AACAN,4BAAQC,GAAR,CAAYM,+BAAZ;AACAP,4BAAQC,GAAR,CAAYO,yBAAZ;AACAR,4BAAQC,GAAR,CAAYQ,0BAAZ;AACAT,4BAAQC,GAAR,CAAYS,2BAAZ;AACAV,4BAAQC,GAAR,CAAYU,2BAAZ;AACAX,4BAAQC,GAAR,CAAYW,0BAAZ;;AAEAC,qBAAWC,WAAX,GAAyBA,wBAAzB;;QAGED,U,GAAAA,oB;QACAE,c,GAAAA,wB","file":"index.js","sourcesContent":["import { library } from '@fortawesome/fontawesome-svg-core'\nimport { \n    faBold, \n    faHeading,\n    faItalic,\n    faStrikethrough,\n    faLink,\n    faQuoteRight,\n    faCode,\n    faImage,\n    faListUl,\n    faListOl,\n    faTasks,\n } from '@fortawesome/free-solid-svg-icons'\nimport { EditorState } from 'braft-editor'\n import RichEditor from './RichEditor';\n import MarkdownEditor from './MarkdownEditor';\n\n\nlibrary.add(faBold)\nlibrary.add(faHeading)\nlibrary.add(faItalic)\nlibrary.add(faStrikethrough)\nlibrary.add(faLink)\nlibrary.add(faQuoteRight)\nlibrary.add(faCode)\nlibrary.add(faImage)\nlibrary.add(faListUl)\nlibrary.add(faListOl)\nlibrary.add(faTasks)\n\nRichEditor.EditorState = EditorState;\n\nexport { \n  RichEditor,\n  MarkdownEditor,\n }\n"]}

src/index.js

@@ -12,6 +12,7 @@ import {
     faListOl,
     faTasks,
  } from '@fortawesome/free-solid-svg-icons'
+import { EditorState } from 'braft-editor'
  import RichEditor from './RichEditor';
  import MarkdownEditor from './MarkdownEditor';
 
@@ -28,6 +29,7 @@ library.add(faListUl)
 library.add(faListOl)
 library.add(faTasks)
 
+RichEditor.EditorState = EditorState;
 
 export { 
   RichEditor,