美文网首页
在React里面使用UEditor富文本编辑器

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

作者: 席坤 | 来源:发表于2018-07-18 13:35 被阅读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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/afeopftx.html