我写后台系统会遇到富文本编辑器,下面就是介绍怎么在react中实现这个功能。
首先,打开网址https://simditor.tower.im/,这是我们此次要用到的富文本编辑器。大家可以到网站上看看详细的使用说明。
首先我们到项目中先通过yarn安装一下
在项目中新建通用富文本编辑器,在util文件夹下新建rich-editor,在这里我们来做富文本编辑器的初始化。
再在项目中引用使用,初步样子就出来了。
而且里面的功能还可以使用,感觉很不错,棒棒的。
接下来,我们来讲组件暴露给外面
然后,我们到外层组件中去定义一下onValueChange事件
接下来我们定义一下富文本上传接口的位置
这样我们的富文本编辑器就完成了。