安卓软件

  • 小说漫画
  • 社交通讯
  • 视频直播
  • 出行导航
  • 生活休闲
  • 主题壁纸
  • 拍照美化
  • 新闻阅读
  • 办公学习
  • 实用工具
  • 健康运动

安卓游戏

  • 益智休闲
  • 冒险解谜
  • 动作格斗
  • 策略塔防
  • 角色扮演
  • 音乐舞蹈
  • 赛车竞速
  • 卡牌决斗
  • 模拟经营
  • 橙光游戏

文章速递

  • 游戏攻略
  • 软件教程
  • 热点新闻
  • 综合阅读
您的位置: 首页> 电脑应用> 行业软件
CKEditor5编辑器 v11.2.0 中文版

CKEditor5编辑器 v11.2.0 中文版

一键举报
  • 版本:免费版
  • 平台:电脑
  • 类型:行业软件
  • 发布:2022-10-07
  • 大小:1.01MB
  • 语言:中文
下载资源有问题,请使用举报功能,本站会及时处理。

详情

CKEditor5是由Fckeditor Html的全新升级版本,同时也是全球最优秀的网页在线文字编辑器,该软件不但能够支持LGPL版权,而且也可以支持asp、asp.net、php、jsp等多种脚本语言的调用,让你能够轻松对HTML等代码进行编写。

CKEditor5

CKEditor5拥有惊人的性能与可扩展性,因此被各大网站广泛使用,是目前最优质的的在线HTML编辑器之一,并且该软件能够完美支持Netscape、Mozilla等多种浏览器,同时还带来在线编译等出色的功能,让你能够直观了解自己编写的代码所产生的效果。

CKEditor5特色

1、质量优秀

多年的连续测试驱动开发(5000多个测试)和代码同行评审,让一个成熟的产品拥有最高的可靠性.还有专用的核心开发团队,以及活跃的开源社区支持的维持。

2、可访问性

符合最新的Web可访问性标准(WCAG 2、508节,WAI-ARIA)同时使您能够创建可访问的内容,以及内置的辅助检查。

3、可定制性

自定义编辑器的每一个细节,定制您的需求,使用其强大的开发者友好的文档和丰富的JavaScript API。

4、创新思维

不断引领创新领域的丰富文本编辑.把你的内容创作过程由Word粘贴等独特功能的全面控制,引申到先进的内容过滤,控件,自定义HTML格式以及更多。

CKEditor5特色570

CKEditor5功能

1、高级文本格式

从基本的格式使用预定义的文本格式,文本样式和创建数学公式或漂亮的代码片段。

2、完整的多语言支持

本地化为超过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、在本站下载解压软件;

使用教程1

2、将下载的zip包解压后放入webapp下;

使用教程2

3、引入CKEditor的js文件

使用教程3

4、页面中使用CKEditor

使用教程4

具体示例:

使用教程5

引入后效果如下:

使用教程6

5、后台获取编辑器的值

后台通过获取textarea的值获取编辑器的值,springMVC取值如下:

使用教程7

基本使用方法

1、下载CKEditor5库

在本站下载该软件的压缩包

2、开始使用

目录ckeditor5-build-classic-master\build下的ckeditor.js是打包好的库,可以直接引用去使用。新建一个editor.html,基本使用代码如下:

3、定制自己的CKEditor5:增删特性

虽然build目录下的ckeditor.js可以直接使用,但是特性较少。下面开始定制自己的CKEditor5(注:本人对webpack打包不是很熟悉,本章节可能有问题,在打包使用过程遇到了问题,但用一些方法解决了)。

首先需要的工具:npm,webpack;

了解文件:webpack.config.js,package.json,build-config.js,src/ckeditor.js;

webpack.config.js文件定义了打包的规则,package.json定义了用的包;build-config.js定义CKEditor5特性,src/ckeditor.js也是定义定义CKEditor5特性,似乎build-config.js和src/ckeditor.js只有一个就够了,我使用的是src/ckeditor.js。

打包之后的工程上传的Github,工程地址:https://github.com/Taoli96/CKEditor。

基本使用方法

上传图片方法

1、清空图像预览框中的文字

上传图片方法1

ckeditor文件夹下的config.js中添加:

上传图片方法2

添加后效果如下:

上传图片方法3

2、配置上传图片请求地址

ckeditor文件夹下的config.js中添加:

上传图片方法4

3、上传照片预览

图片上传成功,在目录下也可以看到图片,至此图片上传成功。但是如何将图片发到编辑器中呢?点“确定”按钮会有以下提示。

上传图片方法5

到这里,要在controller中返回一段JS脚本:

上传图片方法6

有了这段代码,图片上传成功后,根据这里的

“upload/” + filename

相对地址,就可以使用这个图片,直接转到“图像”页面。

上传图片方法7

点击确定后编辑器如下:

上传图片方法8

4、上传的图片重新显示到页面

直接将值写在标签中:

上传图片方法9

5、后台上传图片代码

上传图片方法9

常见问题

1、什么是CKEditor5?

CKEditor5是一款富文本编辑器,可让您在网页或在线应用程序中编写内容。

查看CKEditor5SDK,这是一个大量的在线样本,旨在帮助您熟悉所有编辑器功能,并使实现和配置过程更加轻松。如果您仍然有疑问,您可以下载任何CKEditor5软件包,并直接在您的网站或应用程序中测试它们。

2、CKEditor5是否支持我的语言?

CKEditor5现在有60多种语言可供选择,默认情况下它以用户的语言显示。

相关软件

软件截图

  • CKEditor5编辑器 v11.2.0 中文版0
  • CKEditor5编辑器 v11.2.0 中文版1

相关文章

最新软件

下载排行

对于您的问题快深感抱歉,非常感谢您的举报反馈,小编一定会及时处理该问题,同时希望能尽可能的填写全面,方便小编检查具体的问题所在,及时处理,再次感谢!