在React里面使用UEditor富文本编辑器

  首先去http://ueditor.baidu.com/website/download.html#ueditor下载源文件,将下载后的文件放在本地


接下来新建一个文件实例下UEditor


然后界面就显示了


全屏问题

源代码中的设置编辑器放大是根据父节点来放大的,但是既然是放大当然全屏比较high啊。so,改代码吧。

全屏的处理函数在ueditor.all.js里面对函数进行修改即可实现全屏

修改后的代码如下


给编辑器设置默认值 

ueEditor.setContent(value)

获取富文本内容

ueEditor.getContent()

然后可以通过回调将文本内容传给父组件

清空富文本内容

ueEditor.changeContent("")

更多具体属性见 传送门

代码地址 https://github.com/LiLixikun/UEditor

你可能感兴趣的:(在React里面使用UEditor富文本编辑器)