关于富文本编辑器

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

这两天换了不下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 条评论
登录 后参与评论

相关文章

来自专栏闻道于事

js登录滑动验证,不滑动无法登陆

js的判断这里是根据滑块的位置进行判断,应该是用一个flag判断 <%@ page language="java" contentType="text/html...

6508
来自专栏大内老A

The .NET of Tomorrow

Ed Charbeneau(http://developer.telerik.com/featured/the-net-of-tomorrow/) Exciti...

30510
来自专栏一个爱瞎折腾的程序猿

sqlserver使用存储过程跟踪SQL

USE [master] GO /****** Object: StoredProcedure [dbo].[sp_perfworkload_trace_s...

1940
来自专栏C#

DotNet加密方式解析--非对称加密

    新年新气象,也希望新年可以挣大钱。不管今年年底会不会跟去年一样,满怀抱负却又壮志未酬。(不过没事,我已为各位卜上一卦,卦象显示各位都能挣钱...)...

4778
来自专栏落花落雨不落叶

canvas画简单电路图

57311
来自专栏杨龙飞前端

scrollto 到指定位置

2454
来自专栏Ceph对象存储方案

Luminous版本PG 分布调优

Luminous版本开始新增的balancer模块在PG分布优化方面效果非常明显,操作也非常简便,强烈推荐各位在集群上线之前进行这一操作,能够极大的提升整个集群...

3035
来自专栏陈仁松博客

ASP.NET Core 'Microsoft.Win32.Registry' 错误修复

今天在发布Asp.net Core应用到Azure的时候出现错误InvalidOperationException: Cannot find compilati...

4788
来自专栏张善友的专栏

Silverlight + Model-View-ViewModel (MVVM)

     早在2005年,John Gossman写了一篇关于Model-View-ViewModel模式的博文,这种模式被他所在的微软的项目组用来创建Expr...

2878
来自专栏张善友的专栏

Miguel de Icaza 细说 Mix 07大会上的Silverlight和DLR

Mono之父Miguel de Icaza 详细报道微软Mix 07大会上的Silverlight和DLR ,上面还谈到了Mono and Silverligh...

2657

扫码关注云+社区