feat: 添加 RenderContent 用于渲染带表情的文本

README.md

@@ -5,14 +5,12 @@
 `version 0.2.0`
 
 ```js
-import Comment, { Editor } from 'comment';
+import Comment, { Editor, RenderText } from 'comment';
 ```
 
 - [deprecate] 表示不推荐使用
 
-## Props
-
-#### Comment
+## Comment
 
 
 | props      | type    | default                            | required | description                                  |
@@ -27,7 +25,7 @@ import Comment, { Editor } from 'comment';
 
 
 
-##### Editor
+## Editor
 
 | props         | type            | default       | required | description                                                                                       |
 | ------------- | --------------- | ------------- | -------- | ------------------------------------------------------------------------------------------------- |
@@ -144,6 +142,18 @@ handleChangeSubmit() {
 **注意上面的 `onRef={ref => this.editor = ref }`**，这是实现父组件调用子组件方法的关键。**
 
 
+## RenderText
+
+```jsx
+
+import { RenderText } from 'comment';
+
+render() {
+  return RenderText('test [呲牙]')
+}
+```
+
+
 ## 使用
 
 
@@ -231,7 +241,7 @@ $ yarn start
 
 - `yarn build` 将项目打包成一个单页应用
 - `yarn lib` 将项目打包成一个 es5 组件
-- `yarn prettier` 格式化代码
+- `yarn prettier` 优化代码格式
 
 ## TODO
 

src/App.js

@@ -8,6 +8,7 @@ import { isFunction } from "./helper";
 import CommentInput from "./components/CommentInput";
 import CommentList from "./components/CommentList";
 import Editor from "./components/Editor";
+import RenderText from "./components/RenderText";
 import lang from "./lang";
 import "./App.css";
 
@@ -402,6 +403,6 @@ App.defaultProps = {
   showHeader: true
 };
 
-export { Editor };
+export { Editor, RenderText };
 
 export default App;

src/components/RenderText/index.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { renderContent } from "../../helper";
+
+const App = text => (
+  <div
+    className="comment-item-content"
+    dangerouslySetInnerHTML={{
+      __html: renderContent(text)
+    }}
+  />
+);
+
+export default App;

src/index.js

@@ -2,7 +2,7 @@ import React, { Component } from "react";
 import ReactDOM from "react-dom";
 // e.g.
 // import { Button, Icon } from "antd";
-import App, { Editor } from "./App";
+import App, { Editor, RenderText } from "./App";
 import registerServiceWorker from "./registerServiceWorker";
 
 class Index extends Component {