⼏款主流好⽤的富⽂本编辑器(所见即所得常⽤编辑器)介绍⼏款主流好⽤的富⽂本编辑器(所见即所得常⽤编辑器)介绍
⾖⾖技术派 2019-09-15 03:31:35 245760 收藏 439
分类专栏:编辑器⽂章标签:富⽂本⽂本编辑编辑器所见即所得开源
版权
编辑器
专栏收录该内容
4 篇⽂章4 订阅
订阅专栏
富⽂本编辑器
富⽂本编辑器(Rich Text Editor,RTE)是⼀种可内嵌于浏览器,所见即所得的⽂本编辑器。它提供类似于Office Word 的编辑功能,⽅便那些不太懂HTML⽤户使⽤,富⽂本编辑器的应⽤⾮常⼴泛,它的
历史与图⽂⽹页诞⽣的历史⼏乎⼀样长。
作为⼀个技术⼈员,⼿上备上两款富⽂本编辑器还是很有⽤的,指不定那个项⽬就要集成⼀个进去。到时候现现⽤那可就费功夫了,毕竟从开发上讲,每个富⽂本编辑器的⽤法都是有区别的。
下⾯是我收集的⼀些业界⽐较受欢迎的富⽂本编辑器,喜欢的朋友、⽤过的朋友可以⼀起看看,⼀起探讨。
1、TinyMCE
TinyMCE是⼀个开源的所见即所得的HTML编辑器,界⾯相当清新,界⾯模拟本地软件的风格,顶部有菜单栏。⽀持图⽚在线处理,插件多,功能⾮常强⼤,易于集成,并且拥有可定制的主题。⽀持⽬前流⾏的各种浏览器,它可以达到微软Word类似的编辑体验。
⽽且这么好的东西还是开源免费的,⽬前⼀直有⼈维护,这款编辑器使⽤的⼈⾮常多。
2、CKEditor
Ckeditor也是⼀款⾮常经典的富⽂本编辑器,官⽅下载量过千万。它是在⾮常著名的FCkEditor基础上开发的新版本,FckEditor的⽤户现在基本都转移到Ckeditor了。
Ckeditor有⾼性能的实时预览,它特有⾏内编辑功能,使得编辑内容更加直观,仿佛是在编辑⽹页⼀样,有很强的可扩展性,被各⼤⽹站⼴泛运⽤。
3、UEditorasp富文本编辑器
UEditor 是由百度出品的富⽂本web编辑器,具有轻量,可定制,注重⽤户体验等特点,开源免费。这款编辑器⽤过的⼈也⾮常多,功能⾮常全⾯,插件很多,还可以很⽅便插⼊百度地图,接⼊⼗分简单。
16年之后百度没有怎么更新了,不过现有的功能也⾜够⽤了。UEditor分为UE版(全功能版)和UM版(精简版),⼤家可以根据⾃⼰使⽤环境选择不同的版本。
4、wangEditor
wangEditor轻量级,⼩巧实⽤,配置⽅便,使⽤简单。可以⾃定义⽪肤功能,免费开源。⽤户数量也很多,尤其是⽤在⼀些轻型环境,⽐如论坛社区回帖。wangEditor是国⼈出品的开源项⽬。
5、kindeditor
KindEditor历史也很长了,⽤户数也不少,国内某公司出品。免费开源。界⾯类似于office word,界⾯和功能中规中矩,⽂档齐全,使⽤还算⽅便。
6、simditor
simditor是Tower平台使⽤的富⽂本编辑器,是⼀款轻量化的编辑器,界⾯简约,功能实⽤,插件不是很多,功能要求不⾼的可以使⽤。
虽然是国内出品,但⽂档是英⽂的。开源免费。
7、bootstrap-wysiwyg
bootstrap-wysiwyg是基于Bootstrap的轻型、免费开源的富⽂本编辑器,界⾯简洁⼤⽅。使⽤需要先引⼊bootstrap。
个⼈觉得bootstrap-wysiwyg这⼀长串像乱码⼀样的名字影响了它的推⼴和使⽤~ ~毕竟轻型使⽤环境还是很多的。
8、summernote
summernote是⼀款轻量级的富⽂本编辑器,⽐较容易上⼿,使⽤体验流畅,⽀持各种主流浏览器。summernote开源免费,该项⽬⼀直⽐较活跃,⼀直都有⼈在维护。
summernote同样依赖于jquery和bootstrap,使⽤前先引⼊这两项。
9、Froala
Froala是⼀款功能丰富的富⽂本编辑器,界⾯分类清晰,容易集成,容易升级,⽀持主流浏览器,具有⾏内编辑功能。Froala代码⽰例很多,可以集成在很多js框架⾥如React.js,Aurelia,Angular,Ionic,Django等。插件很多,易于扩充功能。
Froala是收费的,不过前端是开源的,如果要使⽤后台是要交费的(如果你使⽤国⼈强⼤的crack技能那就是另外⼀回事了~ ~)。⽬前有三个定价⽅式:基础版(239美元)、专业版(1199美元)和企业版(1999美元)。
10、Quill
Quill是轻型的编辑器,样式⼀般(⿊⽩风),功能中等,它的代码⾼亮功能⽐较强,同样⽀持⾏内编辑模式,⼯具条可⾃定义。
开源免费,项⽬活跃,⼀直有⼈维护。
11、FreeTextBox
FreeTextBox功能强⼤,前端⽀持主流浏览器,但后台只⽀持.NET。它的外观和使⽤风格都和微软
Word很类似。⼯具条可以定制,运⾏速度⼀般。FreeTextBox分为免费版和pro收费版,⼀般情况免费版本功能已经⾜够⽤了。
12、dhtmlxEditor
DHTMLX组件是⼀整套基于JS的UI库,功能强⼤,其中包含编辑器dhtmlxEditor。该编辑器可以直接集成到Angular,React和Vue.js框架中,该编辑器还同时⽀持Markdown和富⽂本。
⽀持普通视图和类似word⼀样的页⾯视图,⽀持全屏幕,⼯具⽀持⾃定义,包括⼯具条颜⾊和样式等。
dhtmlxEditor分为免费版和收费版,免费版具有绝⼤多数功能,⽽且免费版是开源的你可以在代码级别随便扩充。
13、eWebEditor
eWebEditor外观和使⽤风格都和微软 Word很类似,功能很多。⼯具条可以定制,运⾏速度很快。导⼊⽂件接⼝很多,⽀持word、excel、pdf、ppt直接导⼊,⽬前版本不⽀持代码⾼亮,不适合纯技术平台使⽤,适合内容编辑⼈员使⽤。
eWebEditor有很长的历史了,是典型的传统富⽂本编辑器,不论是界⾯,还是功能都⽐较传统。
eWebEditor是收费的,但也有免费的精简版,精简版没有后台功能。
最后
富⽂本编辑器产品真的⾮常多,以上只是本⼈接触过的⼀些,相信还有很多很好的富⽂本存在,其实也没必要全都试⼀遍,只有最适合⾃⼰的,才是最好的。
如果你⽤过其中的⼀种,或者你⽤过其他好⽤的富⽂本编辑器,欢迎交流分享。
如果你还喜欢现在流⾏的markdown编辑器,请看我的另⼀篇⽂章《⼏款主流好⽤的markdown编辑器介绍》,
如果想了解markdown编辑器和富⽂本编辑器的区别,请参考《markdown编辑器与富⽂本编辑器优缺点⽐较,哪个更好⽤》
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论