xhEditor demo9 : 自定义按钮之插件扩展
<p><strong>插件初始化参考代码:</strong><br /> </p> <p><script type="text/javascript"><br /> <br /> $(pageInit);<br /> function pageInit()<br /> {<br /> </p> $('#elm1').xheditor(true,{<br /> plugins:{test:{c:'testClassName',t:'测试按钮名字',e:function(){<br /> var _this=this;<br /> var jTest=$('<div>测试窗口内容</div><div style="text-align:right;"><input type="button" id="xhEdtSave" value="确定" /></div>');<br /> var jSave=$('#xhEdtSave',jTest);<br /> jSave.click(function(){<br /> _this.focus();<br /> _this.hidePanel();<br /> return false; <br /> });<br /> _this.showDialog(jTest);<br /> }}},<br /> tools:'GStart,test,GEnd,Separator,GStart,Source,Preview,Fullscreen,About,GEnd'});<br />}<br /> <p></script></p> <p><strong>插件对象的属性解释:</strong><br /> c:样式表名称 t:插件名字(鼠标在按钮上方时显示) s:快捷方式(例如:Esc、Ctr+B) e:按钮点击后需要执行的代码<br /> <br /> <strong>特别说明:</strong><br />如果您希望样式表存储在系统自带的模板目录ui.css中,请将插件对象的样式名留空,则会自动按照插件名来调用相应的样式,例如:xhEdtBtnCut、xhEdtBtnCopy,其中的Cut和Copy是插件名<br /> </p>