Ueditor/整体架构

来自站长百科
跳转至: 导航、​ 搜索

Ueditor | 针对普通使用者 | 针对二次开发者|若干专题教程|相关问题

UEditor的整体架构

UEditor的架构设计采用了传统的分层架构模式,从低到高依次分为核心层、命令插件层和UI层这样三个低耦合的层次。

  1. 核心层提供了编辑器底层的一些方法和概念,如DOM树操作、Selection、Range等。
  2. 在核心层之上覆盖的是命令插件层。之所以叫命令插件层,是因为UEditor中所有的功能型实现都是通过这一层中的命令和插件来完成的,并且各个命令和插件之间基本互不耦合——使用者需要使用哪个功能就导入哪个功能对应的命令或者插件文件,完全不用考虑另外那些杂七杂八的JS文件。理论上来讲,所有的命令都是可以用插件来代替的。两者最大的不同是,所有的命令都是静态的,无需随编辑器的实例化而实例化;而所有的插件必须在编辑器实例化之前加载,然后绑定到实例上去。插件相比命令能够完成更加复杂的功能,最主要的一个特点是在插件内部既可以为编辑器注册命令,也可以为编辑器绑定监听事件。这个特点使得为编辑器添加任何功能都可以在插件中独立完成。
  3. 在命令插件层之上则是UI层。UEditor的UI设计与核心层和命令插件层几乎完全解耦,简单的几个配置就可以为编辑器在界面上添加额外的UI元素和功能

参考来源[ ]

Ueditor使用手册导航

针对普通使用者

部署和体验|自定义配置|自定义工具栏|表单提交|重置编辑器|多编辑器|自定义编辑器|文本域渲染|前后端数据整合

针对二次开发者

整体架构|插件机制|自定义插件开发

若干专题教程

相关问题