关于富文本编辑器

在使用了众多富文本编辑器后,终于有一些总结经验了.

这两天换了不下5个富文本编辑器,最后还是选择了第一次用的.后面的都白试了.

先说一下这个项目的需要,1.基本的字体以及样式修改要的,要图片上传功能,需要上传到自己公司的服务器,在获取地址后加上编辑中去,2.需要placeholder属性.

也许很多人都觉得这两个属性的富文本编辑器很多,然而在我花了1天左右时间寻找后,只有1款勉强满足自己的需要,placeholder这个属性还是自己通过修改原插件才得以实现的.

下面是我使用过的富文本编辑器:

1.react-mde https://github.com/andrerpena/react-mde.

这是一个非常简单的编辑器,但是不能上传图片,上传图片需要自己加网址.有placeholder属性.

2.wangEditor https://github.com/wangfupeng1988/wangEditor.

最终我选择了这一款的富文本编辑器,这款编辑器除了placeholder之外,图片上传的功能完全满足需要,placeholder只能通过自己的js能力来满足,可能还有一些些不足,不过基本上的原生的placeholder没有差别了.

3.react-quill  https://github.com/zenoamaro/react-quill

这是国外老哥写的编辑器,看了国外的老哥的东西,真的佩服,国外的码友都会互帮互助,这一点国内鲜有做到的,这款编辑器不能满足我是因为,编辑器把图片转成base64了,虽然能正常显示图片,可是后端需要接收的参数就多多了,这就有一些为难了,只能放弃.

4.braft-editor https://github.com/margox/braft-editor 

这款是基于draftjs封装的,挺好的富文本编辑器,placeholder有了,图片也能正常上传到自己的服务器,可是上传的图片不支持bmp,不清楚在哪里修改,又放弃了.再就是它的兼容性,需要ie11+

附上draftjs:https://github.com/facebook/draft-js,这个有1w多的star,国外朋友开发的.

5.react-draft-wysiwyg :https://github.com/jpuri/react-draft-wysiwyg

这款的文档表示看不明白,虽然引用成功了,但是不知道怎么设置api,不清楚怎么设置upload之类的.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏VMCloud

【解析向】腾讯云的Windows Server日志配置收集工具是个什么鬼?(4)

在Windows Server日志配置收集工具的场景2里,有几个模块特别显眼,那就是带着Hard开头的:

2337
来自专栏mukekeheart的iOS之旅

知识扩展——轻量级和重量级框架的区别

  不管是iOS开发还是前端、Java、Android开发中,我们经常需要用到第三方库,而在搜索第三方库的介绍和使用文档时,经常会看到轻量级、重量级等字眼,那么...

35310
来自专栏向治洪

android获取设备唯一标示

概述 有时需要对用户设备进行标识,所以希望能够得到一个稳定可靠并且唯一的识别码。虽然Android系统中提供了这样设备识别码,但是由于Android系统版本、...

8557
来自专栏软件测试经验与教训

如何管理测试项目(三)

3429
来自专栏黑白安全

百度知道隐藏信息查询

可以看到查询账号的百度知道的所有回复。 百度不收录百度知道答主的部份回复,而且删除过了的提问,还是能看到回复。

701
来自专栏施炯的IoT开发专栏

Windows Phone Developer Tools 7.1 Beta 新特性--使用Additional Tools

    5月24号晚上兴奋地等待,在浏览器缓冲了近30分钟后,我终于看到了芒果更新的Webcast,虽然只是看了一个结尾。第二天通过小指的围脖收到风声,芒果更新...

1789
来自专栏CSDN技术头条

OpenStack Neutron之持续测试

一、OpenStack持续测试概述 众所周知,OpenStack作为一个特大型软件开发项目,有着数千人的开发人员,每天要处理千计提交的代码,几千条Gerrit...

3188
来自专栏IT大咖说

解读移动端的跨平台开发:TypeScript + Angular

摘要 Google技术经理陈亮将为大家介绍TypeScript和Angular是什么以及如何利用TypeScript和Angular进行移动端的跨平台介绍。 ?...

3508
来自专栏码云1024

托管C++、C++/CLI、CLR

2834
来自专栏技术翻译

Java程序员应该知道的20个有用的库

总的来说,我介绍了一些对于日常项目十分有用的库,包括Log4j等日志库,Jackson等JSON解析库,以及JUnit和Mockito等单元测试API。如果需要...

883

扫码关注云+社区