CKEditor 5 提供了所有可以想象到的所见即所得的编辑解决方案。从类似于 Google Docs 和 Medium 的编辑器,到 Slack 或类似 Twitter 的应用程序,所有这些都可以在一个编辑框架内实现。
编辑器带有精心设计的 UI 和完美的 UX,因此用户可以轻松管理媒体和表格以及使用高级功能,例如自动格式化、提及、从 Word 粘贴或 Markdown 支持。
CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。CKEditor5支持IE8以上、Netscape、Mozilla等多种浏览器。遵循LGPL版权,支持多种脚本语言调用,如asp、asp.net、php、pl、jsp 等,是目前市场使用广泛的一款在线HTML编辑器之一。
在 CKEditor 中处理图像的完整解决方案
- 便于将图像和文件直接拖放上传到 CKEditor 5 中。
- 支持将剪贴板、Word 和 Google Docs 中的图像粘贴到 CKEditor 中。
- 包括一个直观的图像编辑器,用于裁剪、调整大小和旋转。
- 通过 Workspaces 支持按用户、文档或客户组织文件和图像。
- 有助于重复使用上传的图像并有效地组织文件。
- 确保通过超快的 CDN 提供高质量的响应式图像。
适合所有人的中央文件管理器
用于自托管文件管理的本地选项。
SaaS 选项,无忧无虑、免维护使用。
40 种官方翻译,支持全球用户可访问性。
![](https://img.momodown.com/storage/ckimg/20240518/3dc7ec935b4f03931a92d57911455f57.png)
适合所有人的通用文件管理器
- 可自定义的类别和标签,用于组织您的文件和图像。
- 强大的搜索功能,具有多个过滤器,可快速找到您需要的内容。
- 提高工作效率:轻松访问最近使用的文件,重复使用图像的替代文本。
- 辅助功能很重要:用于导航的键盘快捷键,支持屏幕阅读器的 WAI-ARIA。
- 在高分辨率整页预览中查看您的图像和 PDF 文档。
- 无需启动专用软件即可编辑图像。
CRUD - 创建、重命名、更新和删除文件和文件夹。
CKEditor 5 提供了所有可以想象到的所见即所得的编辑解决方案。从类似于 Google Docs 和 Medium 的编辑器,到 Slack 或类似 Twitter 的应用程序,所有这些都可以在一个编辑框架内实现。
编辑器带有精心设计的 UI 和完美的 UX,因此用户可以轻松管理媒体和表格以及使用高级功能,例如自动格式化、提及、从 Word 粘贴或 Markdown 支持。
CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。CKEditor5支持IE8以上、Netscape、Mozilla等多种浏览器。遵循LGPL版权,支持多种脚本语言调用,如asp、asp.net、php、pl、jsp 等,是目前市场使用广泛的一款在线HTML编辑器之一。
功能介绍
1、高级文本格式
CKEditor5 官方版从基本的格式使用预定义的文本格式,文本样式和创建数学公式或漂亮的代码片段.
2、完整的多语言支持
CKEditor5 官方版本地化为超过60种语言,ckeditor支持从右到左的文本方向以及文本选择分配一个特定的语言.
3、完全访问
ckeditor符合最新的Web可访问性标准(WCAG2.0,WAI-ARIA)可以访问的内容,由于内置的辅助功能检查器创建.
4、拼写检查
作为你的类型,看到正确的拼写错误而打字.拼错的单词,你可以简单地选择替换不正确的单词建议.
5、窗口小部件
创新CKEditor功能使定制内容丰富的实体如标题图片创作,通过将多个HTML元素的代码片段或内容模板.
6、干净的代码
CKEditor创建干净的代码,符合标准和可读性.你也可以包括您的自定义格式设置规则来完全控制你的HTML输出.
7、高级粘贴
此功能使粘贴的内容直接从微软Word和保持原有的内容,用干净的HTML输出格式.
8、添加存储库和生成器
下载一个完美的定制的在线丰富的文本编辑器使用在线生成器,并轻松地集成额外的插件从库中.
9、易于集成
CKEditor通过添加一个脚本到您的网页.现成的zip安装包之间选择,你最喜欢的包管理器或CDN版本.
10、丰富的API
强大和广泛的接口,让您在运行时与编辑器交互,创建自定义功能,并将内容随意操作.
11、完全可定制的
自定义CKEditor的每一个方面(如工具栏、调色板、皮肤、对话框、菜单、数据解析、造型、等)和调整你的需要.
12、先进的内容过滤
限制和调整输入数据以对编辑器实例中允许的内容完全控制.
软件特色
1、质量优秀
多年的连续测试驱动开发(5000多个测试)和代码同行评审,让一个成熟的产品拥有最高的可靠性.还有专用的核心开发团队,以及活跃的开源社区支持的维持.
2、可访问性
符合最新的Web可访问性标准(WCAG 2、508节,WAI-ARIA)同时使您能够创建可访问的内容,以及内置的辅助检查.
3、可定制性
自定义编辑器的每一个细节,定制您的需求,使用其强大的开发者友好的文档和丰富的JavaScript API.
4、创新思维
不断引领创新领域的丰富文本编辑.把你的内容创作过程由Word粘贴等独特功能的全面控制,引申到先进的内容过滤,控件,自定义HTML格式以及更多.
使用教程
目录ckeditor5-build-classic-masterbuild下的ckeditor.js是打包好的库,可以直接引用去使用. 新建一个editor.html,基本使用代码如下:
定制自己的CKEditor5: 增删特性
虽然build目录下的ckeditor.js可以直接使用,但是特性较少.下面开始定制自己的CKEditor5(注:本人对webpack打包不是很熟悉,本章节可能有问题,在打包使用过程遇到了问题,但用一些方法解决了).
首先需要的工具: npm,webpack;
了解文件:webpack.config.js,package.json,build-config.js,src/ckeditor.js;
官方教程中上传图片有三种方法
(1):使用CKEditor自带云服务,图片上传到CKEditor服务器;
(2):使用ckfinder框架,在初始化CKEditor时,需要定义 ckfinder的uploadUrl参数,参数为上传到自己服务器的地址;
(3)自己写上传功能,定义UploadAdapter,实现upload()和 abort() 方法,并对UploadAdapter进行调用.
网友评论 查看所有0条评论>>