在使用了众多富文本编辑器后,终于有一些总结经验了.
这两天换了不下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之类的.