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

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

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

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

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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,876评论 25 709
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,150评论 2 59
  • 今天是周末,早上起床有点晚,急匆匆的吃了早饭曹政骑自行车去了辅导班。我和小宝哪儿都不想去,因为天气太热了。 ...
    曹政妈妈阅读 146评论 0 0
  • 艺术家是培养出来的——我以前会这么认为。可是看到我们班的小朋友自己做的包子后,发觉他们天生就是艺术家。 ...
    咋的都好阅读 368评论 0 0
  • 首先是对float属性的定义有一个整体的了解,float的定义是:float 属性定义元素在哪个方向浮动。以...
    xiao_afei阅读 998评论 0 4