weiseditor
 关于本站 - 联系方式 - English
 添加自定义菜单
 

本编辑器指供三种样式的菜单:图片,下拉式,区块式的.

打开Weiseditor2/js 下的MenuItem.js; MenuItems.Menu(按钮区域)如:

JavaScript
  1. SOURCE:{
  2.     Key:"SOURCE",
  3.     onMouseOver:"this.className='MouseOver'",
  4.     onMouseOut:"this.className='emlCss'",
  5.     className:"emlCss",
  6.     Show:function()
  7.     {
  8.         var crtDiv = document.createElement('DIV');
  9.         crtDiv.className = this.className;
  10.         crtDiv.id = '______Weis_'+this.Key+'____';
  11.         crtDiv.setAttribute('onmouseover',this.onMouseOver);
  12.         crtDiv.setAttribute('onmouseout',this.onMouseOut);
  13.         crtDiv.setAttribute('onclick', 'Editor.sourceCode(this);');
  14.         crtDiv.innerHTML = '<img src="EditImg/source.gif" alt="'+WeisLang.TitleAlt.LookSource+'" title="'+WeisLang.TitleAlt.LookSource+'" />'+WeisLang.Source;
  15.             
  16.         //~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  17.             
  18.         var outDiv = document.createElement('DIV');
  19.         outDiv.appendChild(crtDiv);
  20.             
  21.         return outDiv.innerHTML;
  22.     }
  23. }

   
这是一个按钮:(查看源代码)

MenuItems.Select 设计下拉式的菜单

MenuItems.FieldArea 设计区域式的菜单如 EmotB,FontB 


没有实例
·上一篇:配置编辑器模式
·下一篇:翻译更多语言版
 Copyright 2009 WeisEditor.COM All rights reserved. 闽ICP备09026404号