美文网首页
在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