HTML编辑器-CKEditor
2010-11-05 08:58:21 阿炯

CKEditor是新一代的FCKeditor,是一个在FCKeditor上重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。



CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. Because CKEditor is licensed under flexible Open Source and commercial licenses, you'll be able to integrate and use it inside any kind of application. This is the ideal editor for developers, created to provide easy and powerful solutions to their users.

CKEditor and FCKeditor
FCKeditor has been around for more than six years. Since 2003 it has built a strong user community becoming the most used editor in the market, accumulating more than 3,5 million downloads. In 2009, we decided to rename the editor, bringing to light the next generation of our software: CKEditor 3.0. CKEditor inherits the quality and strong features people were used to find in FCKeditor, in a much more modern product, added by dozens of new benefits, like accessibility and ultimate performance.

最新版本:4.2
该版本带来全新的外观、提升代码、即时编辑和其他诸多改进。同时还发布了一个新网站包含扩展中心和名为 CKBuilder 的服务,可用于创建自己的 CKEditor 版本。另外发布了全新的文档页:http://docs.ckeditor.com/,提升了 DOM 和 CSS 性能、源码格式化改进、API 兼容 CKEditor;改进了复制和粘贴功能,另外从该版本开始 CKEditor 的代码也移到了 Github 上。

最新版本:4.10
官方表示这是一个主要版本,并为 CKEditor 4 带来了 Mentions,Emoji 和 Autocomplete 插件,以及一些其他有用的功能增强和错误修复。自动补全(Autocomplete)插件提供了一组 API 来创建基于用户输入一个复杂的、上下文感知的内容插入功能。它被用作 Mentions 和 Emoji 插件的基础。它公开了一个可扩展的 API,可用于各种用例,提供智能模板和对各种项目的引用,从用户名到错误跟踪器问题再到自动消息等。关于 Mentions,emoji 插件以及其他更新内容,请查看发布主页

CKEditor 4.16.0 已经于2021年1月末发布,此次更新主要包括安全修复、优化图像粘贴、扩展高对比度支持和新的颜色 API 。内容涉及如下:
安全修复:修复了 Autolink 插件中的 ReDoS 漏洞,修复了对话框插件的高级选项卡中的 ReDoS 漏洞

图像粘贴
现在可以通过 Paste from Word 插件、Paste from LibreOffice 插件处理不支持的图像格式,并且会显示描述性错误信息
[Safari] 修复: Paste from Word 插件不会嵌入图像
修复了存在不支持格式的图像时 Paste from Word 插件不导入其余图像的问题

高对比度
[edge] 修复:高对比度模式检测不正确,修复了高对比度模式下,按钮名称和按钮标签内的键盘快捷键之间缺少空格的问题

颜色 API
引入了 CKEDITOR.tools.color 类,该类添加了颜色验证和用于在各种格式之间转换颜色的方法:命名颜色,HEX,RGB,RGBA,HSL 和 HSLA
引入了 CKEDITOR.ajax 加载方法,用于加载二进制(CKEDITOR.ajax.loadBinary())和文本(CKEDITOR.ajax.loadText())数据
更多详细内容请查看更新公告

最新版本:15.0
CKEditor 5 v15.0.0 发布了,此版本引入了对水平线、分页符和 SVG 图像的支持。还有新的标题插件,它能够定义文档标题部分。编辑器工具栏现在可以响应,这使 UX 得到了改善,尤其是对于移动设备。响应式工具栏:新版本引入了一种自动工具栏分组机制,该机制将“三点”(⋮)或“显示更多项目”菜单下的溢出按钮隐藏起来。支持 SVG 图片上传:在此迭代中,引入了一个新的 image.upload.types 配置选项,可用于定义允许上传到 CKEditor 5 WYSIWYG 编辑器的图像 MIME 类型。默认情况下,允许用户上载 jpeg,png,gif,bmp,webp 和 tiff 文件,现在可以自定义此行为,以接受例如 SVG 文件。其它改进和更新内容可查看发行公告

最新版本:35.0
CKEditor 5 v35.0.0 正式于2022年8月中旬发布,更新内容如下:
样式下拉菜单与追踪修改功能集成:v34.0.0 版本带来了 "样式" 功能。它让用户可以通过 CKEditor 5 工具栏中的下拉菜单将预定义的样式应用到他们的内容中,样式是由一个 CSS 类表示,可以从内容中添加或删除。35.0.0 版本将样式功能与强大的协作工具 —— Track Changes(追踪修改)功能进行了整合。从现在开始,语义和表现风格也可以在多用户环境中轻松使用。因此可以跟踪和标记此类更改以供编辑接受或拒绝。
迁移到 TypeScript:对于像 CKEditor 5 这样的大型复杂项目,TypeScript 是一个更好的选择。第一个使用 TypeScript 重写的包是 @ckeditor/ckeditor5-utils,它完全由 TS 开发。
新的专业翻译:随着 CKEditor 5 被越来越多用户使用,来自世界各地的用户都希望使用他们的母语来使用编辑器。从 35.0.1 版本开始,CKEditor 5 将提供 41 种完全翻译的语言,其中 38 种是新的、专业的、商业的翻译。虽然软件的基本语言是英语,但新版本也将提供许多其他欧洲语言、中日韩语言、从右到左的文字语言等。
增强编辑器功能:媒体嵌入功能允许用户轻松地将 YouTube 视频嵌入他们的内容中。从 v35.0.0 开始,在粘贴的链接中也可以包含一个时间戳。这样就很容易在一个特定的时间点开始嵌入视频,从而获得对媒体的更大控制。
错误修复:在应用了样式的折叠选择后,编辑器在进行选择时不再崩溃;表格属性面板中的颜色按钮现在有了合适的标签,因此它可以供屏幕阅读器使用;编辑器现在允许在 toWidgetEditable() 助手中设置一个无障碍标签,为图像标题添加了缺失标签。

最新版本:4.20
CKEditor 4.20 已于2022年10月上旬正式发布。新版本包含许多可增强编辑体验的可配置功能。例如可以更好地配置表头,这有助于提升无障碍操作。此外,还为上下标提供了更多控制行为。
为表头提供更好的无障碍访问支持:引入了可配置的 config.tabletools_scopedHeaders选项,支持在单元格类型下拉菜单中扩展列和行标题。在应用时,该功能会将单元格类型改为带有适当scope属性的单元格类型。
编辑时轻松切换上下标:默认情况下,CKEditor 4 允许同时应用下标和上标,从而可以轻松构建更高级的内容,例如数学公式。新引入的 config.coreStyles_toggleSubSup配置选项不允许使用 UI 按钮在同一元素上同时设置下标和上标。
更多详情请参考发行公告

官方主页:http://ckeditor.com/


该文章最后由 阿炯 于 2022-10-01 21:05:06 更新,目前是第 5 版。