react中react-draft-wysiwyg实现富文本编辑器

版权声明：本文为博主原创文章，未经博主允许不得转载。
本文是使用react中的react-draft-wysiwyg来实现富文本编辑器，效果如下：

具体步骤为：
第一步：安装四个包，分别是react-draft-wysiwyg，draft-js，draftjs-to-html，html-to-draftjs，并引进来(由于没有涉及到向server端发数据，所以这里ContentState与htmlToDraft没有用到。

第二步具体使用：

注意：js设置：

注意：如果需要清空富文本框中的内容只需要：

如果是想获取富文本框的html只需要执行下面的代码即可：