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