编辑“Ueditor/整体架构”

{{Ueditor导航}}

'''UEditor的整体架构'''

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

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

==参考来源==
*http://ueditor.baidu.com/teach.html#postData 


[[category:Ueditor|Z]]
{{Ueditor使用手册导航}}