几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍富文本编辑器 富文本编辑器(RichTextEditor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于OfficeWord的编辑功能,方便那些不太懂HTML用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。 作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了,毕竟从开…

大家好,又见面了,我是你们的朋友全栈君。

富文本编辑器

 富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂HTML用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。

 作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了,毕竟从开发上讲,每个富文本编辑器的用法都是有区别的。

 下面是我收集的一些业界比较受欢迎的富文本编辑器,喜欢的朋友、用过的朋友可以一起看看,一起探讨。

1、TinyMCE

 TinyMCE是一个开源的所见即所得的HTML编辑器,界面相当清新,界面模拟本地软件的风格,顶部有菜单栏。支持图片在线处理,插件多,功能非常强大,易于集成,并且拥有可定制的主题。支持目前流行的各种浏览器,它可以达到微软Word类似的编辑体验。

 而且这么好的东西还是开源免费的,目前一直有人维护,这款编辑器使用的人非常多。

 更多介绍及下载:https://www.tiny.cloud/docs/demo/full-featured/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

2、CKEditor

 Ckeditor也是一款非常经典的富文本编辑器,官方下载量过千万。它是在非常著名的FCkEditor基础上开发的新版本,FckEditor的用户现在基本都转移到Ckeditor了。

 Ckeditor有高性能的实时预览,它特有行内编辑功能,使得编辑内容更加直观,仿佛是在编辑网页一样,有很强的可扩展性,被各大网站广泛运用。

 更多介绍及下载:https://ckeditor.com/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

3、UEditor

 UEditor 是由百度出品的富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源免费。这款编辑器用过的人也非常多,功能非常全面,插件很多,还可以很方便插入百度地图,接入十分简单。

 16年之后百度没有怎么更新了,不过现有的功能也足够用了。UEditor分为UE版(全功能版)和UM版(精简版),大家可以根据自己使用环境选择不同的版本。

 更多介绍及下载:http://ueditor.baidu.com/website/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

4、wangEditor

 wangEditor轻量级,小巧实用,配置方便,使用简单。可以自定义皮肤功能,免费开源。用户数量也很多,尤其是用在一些轻型环境,比如论坛社区回帖。wangEditor是国人出品的开源项目。

 更多介绍及下载:http://www.wangeditor.com/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

5、kindeditor

 KindEditor历史也很长了,用户数也不少,国内某公司出品。免费开源。界面类似于office word,界面和功能中规中矩,文档齐全,使用还算方便。

 更多介绍及下载:http://kindeditor.net/demo.php

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

6、simditor

 simditor是Tower平台使用的富文本编辑器,是一款轻量化的编辑器,界面简约,功能实用,插件不是很多,功能要求不高的可以使用。

 虽然是国内出品,但文档是英文的。开源免费。

 更多介绍及下载:https://simditor.tower.im/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

7、bootstrap-wysiwyg

 bootstrap-wysiwyg是基于Bootstrap的轻型、免费开源的富文本编辑器,界面简洁大方。使用需要先引入bootstrap。

 个人觉得bootstrap-wysiwyg这一长串像乱码一样的名字影响了它的推广和使用~ ~毕竟轻型使用环境还是很多的。

 更多介绍及下载:http://mindmup.github.io/bootstrap-wysiwyg/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

8、summernote

 summernote是一款轻量级的富文本编辑器,比较容易上手,使用体验流畅,支持各种主流浏览器。summernote开源免费,该项目一直比较活跃,一直都有人在维护。

 summernote同样依赖于jquery和bootstrap,使用前先引入这两项。

 更多介绍及下载:https://summernote.org/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

9、Froala

 Froala是一款功能丰富的富文本编辑器,界面分类清晰,容易集成,容易升级,支持主流浏览器,具有行内编辑功能。Froala代码示例很多,可以集成在很多js框架里如React.js,Aurelia,Angular,Ionic,Django等。插件很多,易于扩充功能。

 Froala是收费的,不过前端是开源的,如果要使用后台是要交费的(如果你使用国人强大的crack技能那就是另外一回事了~ ~)。目前有三个定价方式:基础版(239美元)、专业版(1199美元)和企业版(1999美元)。

 更多介绍及下载:https://www.froala.com/wysiwyg-editor

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

10、Quill

 Quill是轻型的编辑器,样式一般(黑白风),功能中等,它的代码高亮功能比较强,同样支持行内编辑模式,工具条可自定义。

 开源免费,项目活跃,一直有人维护。

 更多介绍及下载:https://quilljs.com/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

11、FreeTextBox

 FreeTextBox功能强大,前端支持主流浏览器,但后台只支持.NET。它的外观和使用风格都和微软 Word很类似。工具条可以定制,运行速度一般。FreeTextBox分为免费版和pro收费版,一般情况免费版本功能已经足够用了。

 更多介绍及下载:http://freetextbox.com/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

12、dhtmlxEditor

 DHTMLX组件是一整套基于JS的UI库,功能强大,其中包含编辑器dhtmlxEditor。该编辑器可以直接集成到Angular,React和Vue.js框架中,该编辑器还同时支持Markdown和富文本。

 支持普通视图和类似word一样的页面视图,支持全屏幕,工具支持自定义,包括工具条颜色和样式等。

 dhtmlxEditor分为免费版和收费版,免费版具有绝大多数功能,而且免费版是开源的你可以在代码级别随便扩充。

 更多介绍及下载:https://dhtmlx.com/docs/products/dhtmlxRichText/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

13、eWebEditor

 eWebEditor外观和使用风格都和微软 Word很类似,功能很多。工具条可以定制,运行速度很快。导入文件接口很多,支持word、excel、pdf、ppt直接导入,目前版本不支持代码高亮,不适合纯技术平台使用,适合内容编辑人员使用。

 eWebEditor有很长的历史了,是典型的传统富文本编辑器,不论是界面,还是功能都比较传统。

 eWebEditor是收费的,但也有免费的精简版,精简版没有后台功能。

 更多介绍及下载:http://www.ewebeditor.net/demo/

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

 

最后

 富文本编辑器产品真的非常多,以上只是本人接触过的一些,相信还有很多很好的富文本存在,其实也没必要全都试一遍,只有最适合自己的,才是最好的。

 如果你用过其中的一种,或者你用过其他好用的富文本编辑器,欢迎交流分享。

 如果你还喜欢现在流行的markdown编辑器,请看我的另一篇文章《几款主流好用的markdown编辑器介绍》,

 如果想了解markdown编辑器和富文本编辑器的区别,请参考《markdown编辑器与富文本编辑器优缺点比较,哪个更好用》

 

转载请注明原文地址:https://blog.csdn.net/davidhzq/article/details/100842866

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/132633.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • js代码实现下拉菜单

    效果js代码:functionShowSub(li){//函数定义varsubMenu=li.getElements…

    2022年4月7日
  • Navicat MySQL 激活码【中文破解版】

    (Navicat MySQL 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月28日
  • js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」

    js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」JavaScript怎么进行类型转换?下面本篇文章就来介绍一下使用javascript进行类型转换的方法,希望对大家有所帮助。JavaScript变量可以转换为新变量或其他数据类型,分为两种情况:● 隐性转换:通过JavaScript自身自动转换● 显性转换:通过使用JavaScript函数进行转换隐式转换JavaScript中有各种运算符和函数,它们自动将值转换为正确的类型,如Java…

    2022年7月17日
  • c++ 字符串流 sstream(常用于格式转换)

    c++ 字符串流 sstream(常用于格式转换)点我进入原文c++字符串流sstream(常用于格式转换)  使用stringstream对象简化类型转换C++标准库中的提供了比ANSIC的更高级的一些功能,即单纯性、类型安全和可扩展性。在本文中,我将展示怎样使用这些库来实现安全和自动的类型转换。为什么要学习如果你已习惯了风格的转换,也许你首先会问:为什么要花

    2022年6月4日
  • C++单向链表_C语言定义链表

    C++单向链表_C语言定义链表(C/C++)初识单向链表第一次写博客,如果写得不好请谅解,欢迎大佬们一起交流讨论。在我初学链表的时候,会觉得书上讲解十分抽象,理解到头炸,在通过做题的方式后,对链表又产生了新的认识和看法,使用链表的方式更加灵活了,通过这篇文章与大家分享一下单向链表的一些知识。本文章主要讲单向链表:-创建-输出-排序-插入-删除-清空

    2022年10月28日
  • uniapp下载apk并且安装(uniapp打包后apk白屏)

    本文使用cli方式一、Android原生配置官方文档0安装开发环境必备软件:AndroidStudioHBuilderX小程序Android离线sdk,下载版本sdk(一般是最新版。版本要与HBuilderX版本一致,检查版本的方法看下面导出App资源小节)申请Appkey登录开发者中心。如果没有账号,就注册一个。申请Appkey需要进行邮箱和手机号的实名认证。在左侧菜单中选择我创建的应用,点击应用左侧选择离线打包Key管理,选择对应平台iOSAndroid

    2022年4月18日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号