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

2018-07-18  本文已影响32人  席坤

  首先去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

上一篇 下一篇

猜你喜欢

热点阅读