Emditor 宏之菜单应用.docVIP

Emditor 宏之菜单应用 在常用的编辑器里面,我最常用的就是Emditor,它吸引我的就是它的宏,而且支持两种vbscript和javascript,我比较喜欢javascript的方式来使用它的宏 ?????? 由于在使用Emditor的过程中,时常为了提高工作效率,积累了不少Emditor的宏,放入工具栏太多宏,有时候都快找不出来了,经过一番研究,决定在它的宏菜单基础上面,按文件-功能类别,一个jsee文件对应一个工具集,工具集下面和有多个子菜单,这样不至于jsee太多而导致工具栏拥挤 如果你想把本文的内容用到Emditor,请先了解如下知识 javascript基础知识 Emditor 宏api, Emditor编辑器 ?1.以前 一个jsee文件,仅仅包含一个宏,当点击工具栏上对应的jsee名称,则执行jsee中的宏 2.现在 一个jsee文件包含多个宏,这些宏通过菜单的形式提供给使用者使用 3.为了实现上述目标,献给jsee文件定一个规范 1)菜单管理器 2)菜单 3)工具 一个菜单对象对应一个工具 一个菜单有多个菜单项 每个菜单项对应工具中的一个方法 ?一个jsee文件仅包含一个菜单管理,包含多个菜单,但是都是注册到菜单管理器统一管理 菜单管理器(不显示) ?? 菜单(显示) ????????????? 菜单项 (显示) ????????????? 菜单项 (显示) ????????????? 菜单项 (显示) ?? 菜单(显示) ????????????? 菜单项 (显示) ????????????? 菜单项 (显示) ?? 菜单(显示) 最终效果图(点击工具栏上的宏后) ?? Emditor中PopupMenu Object API CreatePopupMenu : 创建弹出菜单,全局函数 AddPopup:添加子菜单 Add:添加菜单项 Track:显示菜单 ? 第一步,实现如下几项 1)菜单基类 在具体的jsee里面,菜单只需要继承这个基类,加入菜单项,挂接点击菜单后的执行函数就行了 ?2)菜单管理器(基类) 在具体的jsee里面,可以继承这个管理器,注册多个菜单,并在用户点击宏时候,显示 ?下面我们开始实现着两个基类,用到了javascript的一些继承知识 ---------Object 1 Object.extend = function(destination, source) { 2 for (property in source) { 3 destination[property] = source[property]; 4 } 5 return destination; 6 } 7 8 Ototype.extend = function(object) { 9 return Object.extend.apply(this, [this, object]); 10 } ? --------------- GObject 1 //////////////////////////////////////////////////////////////// 2 //这个类就是Menu的基类,其实也是MenuManager的基类 3 //后面可以看到为啥都用这个当基类 4 //////////////////////////////////////////////////////////////// 5 function GObject() 6 { 7 } 8 9 GOtotype={ 10 ShowAsSub:true, 11 Number:0, 12 Menu:null, 13 Name:GObject, 14 DoCommand:function(n) { }, 15 AddM:function() { }, 16 AddMenu:function(mmMenu) { 17 if(this.ShowAsSub) 18 this.Menu=CreatePopupMenu(); 19 else 20 this.Menu=mmMenu; 21 this.AddM(); 22 if(this.ShowAsSub){ 23 mmMenu.AddPopup(this.Nam