`
frank1998819
  • 浏览: 758017 次
  • 性别: Icon_minigender_1
  • 来自: 南京
文章分类
社区版块
存档分类

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

 
阅读更多

富文本编辑器

 富文本编辑器(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

 

 

————————————————

版权声明:本文为CSDN博主「黄志千」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/davidhzq/article/details/100842866

分享到:
评论

相关推荐

    百度Ueditor在线富文本编辑器

    百度Ueditor是一款由百度公司开发的开源、免费的在线富文本编辑器,主要用于Web应用中提供便捷的文本编辑功能。它以其强大的功能、良好的用户体验以及易于集成的特点,被广泛应用在各类网站和项目中。 ### 主要特点...

    百度富文本编辑器

    百度富文本编辑器(UEditor)是一款由百度公司开发的开源富文本编辑器,主要用于Web应用中的文字编辑功能。它提供了丰富的API和插件,能够支持图片、视频、表格等多媒体元素的插入和编辑,极大地提高了用户在网页上...

    ueditor富文本编辑器

    ueditor的设计理念是提供一个所见即所得(WYSIWYG)的编辑环境,使得用户在网页上进行文本编辑时能够如同在桌面应用程序中一样方便快捷。 ### 1. ueditor的特点 - **跨平台**:ueditor支持主流的浏览器,包括...

    非常好用的富文本,html编辑器

    富文本编辑器,也称为WYSIWYG(What You See Is What You Get)编辑器,是一种用户界面,它允许用户在可视化的环境中创建和编辑内容,所见即所得。编辑器会自动处理HTML标记,使得用户无需直接编写HTML代码即可实现...

    可视化文本富文本编辑器

    可视化文本富文本编辑器是一种在Web页面中提供所见即所得(WYSIWYG)编辑功能的工具,用户可以通过它直接在浏览器中编辑文本,如同使用Word等桌面应用程序一样。这种编辑器极大地简化了网页内容的创建和修改过程,...

    富文本编辑器

    在所见即所得模式下,用户可以通过图形界面进行编辑,编辑器会实时预览文本效果。 富文本编辑器的实现方式多种多样,其中常见的有TinyMCE、CKEditor、Quill、Draft.js等。这些编辑器通常提供API和插件系统,允许...

    富文本编辑器及其用法

    CKEditor是一款广泛使用的开源富文本编辑器,适用于多种编程语言环境,包括ASP.NET。在"ckeditor_aspnet_3.5.3"这个压缩包中,我们很可能是得到了CKEditor的特定版本,用于.NET平台的集成和开发。 CKEditor 3.5.3...

     FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器

    它以其所见即所得(WYSIWYG)的特性,使得用户可以在网页环境中进行类似于桌面文字处理软件的文本编辑操作,极大地提高了网页内容创作的便利性。 ### 一、FCKeditor的基本概念 1. **开源**:FCKeditor遵循GPL和...

    Xheditor 富文本编辑器 Java版

    Xheditor是一款功能强大的JavaScript富文本编辑器,专为网页设计和开发者提供便利。它以其简洁的界面、丰富的功能和良好的用户体验而受到广泛欢迎。Java版的Xheditor是将该编辑器与Java后端技术相结合,以实现更高效...

    富文本编辑器kindeditor

    在网页开发中,富文本编辑器扮演着重要的角色,它允许用户以WYSIWYG(所见即所得)的方式编辑内容,类似于桌面文字处理软件。通过集成KindEditor,开发者可以为用户提供一个直观的界面,让他们可以添加图片、链接、...

    百度富文本web编辑器

    这款编辑器以其所见即所得(WYSIWYG)的特点,为用户提供了便捷的网页内容编辑体验。它集成了多种功能,包括文字格式化、图片上传、视频插入、表格操作等,极大地简化了网页内容创作的过程。 **1. WYSIWYG编辑模式*...

    bootstrap3wysiwyg是一款简单实用的基于Bootstrap3所见即所得的jQuery文本编辑器插件

    它提供了一种所见即所得(WYSIWYG)的编辑体验,使得用户在网页上编辑文本时,能直观地看到内容格式化的实时效果,类似于桌面文本编辑软件的操作体验。这款编辑器的特性包括但不限于以下几点: 1. **轻量级**:...

    天枫所见即所得UBB编辑器V2.0附ASP解析

    【天枫所见即所得UBB编辑器V2.0】是一款专为Web开发者设计的高效、易用的在线文本编辑工具,适用于多种浏览器环境,包括IE和Firefox。这款编辑器以其直观的用户界面和强大的功能特性,为网站内容创建提供了便捷的...

    javascript所见即所得控件

    在提供的压缩包文件"richedite"中,很可能是包含了一个简单的JavaScript所见即所得编辑器的实现。通过查看和学习这个示例代码,初学者可以了解上述知识点的实际应用,并逐步掌握创建此类控件的技能。

    一个很强大的文本编辑器

    KindEditor是一款功能强大、性能优秀的富文本编辑器,它以简洁的界面、丰富的编辑功能和良好的兼容性赢得了广大开发者的青睐。它的核心理念是将传统的单行文本输入框(textarea)升级为可视化、所见即所得的编辑区域...

    Simditor富文本编辑器

    Simditor是一款功能强大的富文本编辑器,以其简洁高效的特点深受开发者喜爱。它提供了一种方便的方式来创建和编辑具有格式化的文本内容,如网页文章、博客文章或其他需要用户输入文本的在线平台。这款编辑器的设计...

    FCKeditorFCKeditor是一个功能齐全,兼容良好和使用简单的所见即所得HTML文本编辑器。

    这款编辑器被广泛应用于网站内容管理系统、论坛、博客以及其他需要用户输入富文本的场合,极大地提升了用户在网页上编辑和格式化文本的便捷性。 FCKeditor的核心特性包括: 1. **所见即所得(WYSIWYG)**:...

    基于JavaScript的轻量级所见即所得编辑器TinyMCE设计源码

    该项目是采用TypeScript编写的轻量级所见即所得编辑器TinyMCE的设计源码,集成了3547个TypeScript文件、203个SVG图标文件、150个HTML模板文件、114个LESS样式文件、59个JSON配置文件、51个Markdown文件、47个...

    WebEditor文本编辑器

    "WebEditor文本编辑器"是一款专门针对jsp页面设计的在线文本编辑器,它提供源代码并且包含使用说明,便于开发者理解和定制。这款编辑器在网页开发中扮演着重要的角色,使得用户可以在网页上进行富文本编辑,如同使用...

    FCK文本编辑器

    **FCK文本编辑器**,全称为FCKeditor,是一款基于JavaScript开发的开源富文本编辑器,主要用于网页中实现类似Word的文本编辑功能。这款编辑器因其强大的功能、易用性和跨平台特性,在Web开发领域得到了广泛应用。在...

Global site tag (gtag.js) - Google Analytics