富文本编辑器ckeditor5源码分析

2020-09-25  本文已影响0人  videring

CKEditor 5提供了可以想到的每种所见即所得的编辑解决方案。从类似于Google Docs和Medium的编辑器,到Slack或类似Twitter的应用程序,所有这些都可以在一个编辑框架内完成。

CKEditor 5 Builds是一组即用型富文本编辑器。每个“build”都提供具有一组功能和默认配置的单一类型的编辑器。它们提供了方便的解决方案,可以轻松安装并且满足最常见的编辑用例。
当前提供了以下几种CKEditor 5 Builds:

CKEditor 5 Framework具有三个主要支柱:

  • Core editor architecture:核心编辑器体系结构的主要目的是为实现编辑器功能奠定基础。因此,它引入了诸如插件命令之类的概念,以使实现功能的方式简化和标准化。
  • Editing engine:框架中最大,也是迄今为止最复杂的部分,它实现了自定义数据模型,视图层,转换机制和负责tamingcontentEditable的渲染引擎等等。

使用上,建议进官网照示例进行配置使用
以下是出于兴趣,对ckeditor5的结构和源码进行分析的目录。

utils:

uid——基于js的几种uuid算法
如何设置observable
emittermixin(事件监听机制)
ObservableMixin
国际化方案

engine:

model tree的几个概念
Indexes and offsets
model与document

core:

官方:core-editor-architecture
context、plugincollection和Collection
commandcollection

上一篇 下一篇

猜你喜欢

热点阅读