[xPlugins] 开发中经常使用富文本编辑器介绍

富文本编辑器学习,常见富文本编辑器有:前端

CKeditor(FCkeditor)、UEditor(百度推出的)、NicEdit、KindEditor编程

 

CKEditor 即 FCKEditor浏览器

FCKeditor是目前最优秀的可见便可得网页编辑器之一,它采用JavaScript编写。具有功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特色。它很是流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了FCKeditor。架构

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不须要太复杂的安装步骤便可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不一样的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的做者的名字Frederico Caldeira Knabben的缩写。编程语言

●浏览器支持,像是 : Internet Explorer 5.5+(Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在将来的版本也将会加入对 Opera的支持。编辑器

FckEditor改名CKEditor性能

著名的开源网页编辑软件FCKEditor在09年发布更新到3.0,并更名为CKEditor。原来叫FCK,是由于最初的开发者叫Frederico Calderia Knabben;如今叫CK,意指"Content and Knowledge"。新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持。"学习

据官方的解释,CK是对FCK的代码的彻底重写,并且此项工做从2007年就开始了,并在今年初发表了多个测试版。至此,为你们服务长达6年的FCKeditor将被CKeditor替代。测试

 

UEditor优化

UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具备轻量、可定制、用户体验优秀等特色。开源基于BSD协议,全部源代码在协议容许范围内可自由修改和使用。百度UEditor的推出,能够帮助很多网站开发者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所须要的大量时间,有效下降了企业的开发成本。

UEditor特色:

UEditor在设计上采用了经典的分层架构设计理念,尽可能作到功能层次之间的轻度耦合。具体来说,整个系统分为了核心层、命令插件层和UI层这样三个低耦合的层次。

一、核心层提供了编辑器底层的一些方法和概念,如DOM树操做、Selection、Range等。

二、在核心层之上覆盖的是命令插件层。之因此叫命令插件层,是由于UEditor中全部的功能型实现都是经过这一层中的命令和插件来完成的,而且各个命令和插件之间基本互不耦合——使用者须要使用哪一个功能就导入哪一个功能对应的命令或者插件文件,彻底不用考虑另外那些杂七杂八的JS文件(极少数插件除外,关于这些插件下文会整理出一个依赖列表来供同窗们参考)。

理论上来说,全部的命令都是能够用插件来代替的,可是依然将二者分开的主要缘由是命令都是一些静态的方法,无需随editor实例初始化,从而优化了编辑器的性能。而插件随编辑器的初始化而初始化,性能上会有少量的影响,但相比命令而言,插件可以完成更加复杂的功能。其中最主要的一个特色是在插件内部既能够为编辑器注册命令,也能够为编辑器绑定监听事件。这个特色使得为编辑器添加任何功能均可以在插件中独立完成。

三、在命令插件层之上则是UI层。UEditor的UI设计与核心层和命令插件层几乎彻底解耦,简单的几个配置就能够为编辑器在界面上添加额外的UI元素和功能,具体的配置下面将会深刻阐述。

 

NicEdit

暂无详细介绍

 

KindEditor

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上得到所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,能够无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor很是适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的编辑器之一。

KindEditor特色:

1. 体积小,加载速度快,但功能十分丰富。2. 内置自定义range,完美地支持span标记。

3. 基于插件的方式设计,全部功能都是插件,增长自定义和扩展功能很是简单。

4. 修改编辑器风格很容易,只需修改一个CSS文件。

5. 支持大部分主流浏览器,好比IE、Firefox、Safari、Chrome、Opera。

相关文章
相关标签/搜索