新一代富文本编辑器——CKEditor5

Posted xiaohi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新一代富文本编辑器——CKEditor5相关的知识,希望对你有一定的参考价值。

概述

CKEditor是个跨时代的、轻量级的富文本编辑器,具有诸多优点:
  1. 无字号、字体概念,其一、二、三级标题及正文的字号、字体都是固定的,用户不必单独设置字体、字号。
  2. 不同段落之间,自动增加距离,代替了以往输入回车的尴尬。全文只要段落内,行距均固定(约1.5倍),无需调整。
  3. 其表格不但具有自适应宽度的响应式效果,还可设置首行及首列的不同效果(用于标题)。
  4. 快捷键可插入图片,且图片可自动适应位置、大小,如:大图片直接占宽度的100%,而较小的图片自动排列至左侧或右侧,自动给文字腾出更多位置。在前端,还可点击图片后自动放大。

CKEditor 5(文献):

https://ckeditor.com/ckeditor-5/demo/#document

技术图片

 

 CKEditor 5(内联):

https://ckeditor.com/ckeditor-5/demo/#inline

主标题、正文、其他用不同的文本框分开。

 

 

 

技术图片

 

 

 

 

 

CKEditor生态系统文档

首页:https://ckeditor.com/docs/index.html

5:https://ckeditor.com/docs/ckeditor5/latest/builds/

 

下载

https://ckeditor.com/ckeditor-5/download/

 

以上是关于新一代富文本编辑器——CKEditor5的主要内容,如果未能解决你的问题,请参考以下文章

ckeditor5富文本编辑器在vue中的使用

ckeditor5的文本怎么渲染

富文本编辑器怎么用

富文本编辑器中<br/>啥操作

我为啥要做富文本编辑器

用于Delphi的DevExpress VCL组件——富文本编辑功能升级