美文网首页
jquery的富文本编辑器在react中的使用

jquery的富文本编辑器在react中的使用

作者: 十九楼的清风 | 来源:发表于2018-10-13 21:16 被阅读0次

我写后台系统会遇到富文本编辑器,下面就是介绍怎么在react中实现这个功能。

首先,打开网址https://simditor.tower.im/,这是我们此次要用到的富文本编辑器。大家可以到网站上看看详细的使用说明。

首先我们到项目中先通过yarn安装一下

在项目中新建通用富文本编辑器,在util文件夹下新建rich-editor,在这里我们来做富文本编辑器的初始化。

再在项目中引用使用,初步样子就出来了。

而且里面的功能还可以使用,感觉很不错,棒棒的。

接下来,我们来讲组件暴露给外面

然后,我们到外层组件中去定义一下onValueChange事件

接下来我们定义一下富文本上传接口的位置

这样我们的富文本编辑器就完成了。

相关文章

网友评论

      本文标题:jquery的富文本编辑器在react中的使用

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