123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- UE.registerUI('button',function(editor,uiName){
- //注册按钮执行时的command命令,使用命令默认就会带有回退操作
- editor.registerCommand(uiName,{
- execCommand:function(){
- alert('execCommand:' + uiName)
- }
- });
- //创建一个button
- var btn = new UE.ui.Button({
- //按钮的名字
- name:uiName,
- //提示
- title:uiName,
- //需要添加的额外样式,指定icon图标,这里默认使用一个重复的icon
- cssRules :'background-position: -500px 0;',
- //点击时执行的命令
- onclick:function () {
- //这里可以不用执行命令,做你自己的操作也可
- editor.execCommand(uiName);
- }
- });
- //当点到编辑内容上时,按钮要做的状态反射
- editor.addListener('selectionchange', function () {
- var state = editor.queryCommandState(uiName);
- if (state == -1) {
- btn.setDisabled(true);
- btn.setChecked(false);
- } else {
- btn.setDisabled(false);
- btn.setChecked(state);
- }
- });
- //因为你是添加button,所以需要返回这个button
- return btn;
- }/*index 指定添加到工具栏上的那个位置,默认时追加到最后,editorId 指定这个UI是那个编辑器实例上的,默认是页面上所有的编辑器都会添加这个按钮*/);
- //自定义引用样式例子
- UE.registerUI('myblockquote',function(editor,uiName){
- editor.registerCommand(uiName,{
- execCommand:function(){
- this.execCommand('blockquote',{
- "style":"border-left: 3px solid #E5E6E1; margin-left: 0px; padding-left: 5px; line-height:36px;"
- });
- }
- });
- var btn = new UE.ui.Button({
- name:uiName,
- title:'自定义引用',
- cssRules :"background-position: -220px 0;",
- onclick:function () {
- editor.execCommand(uiName);
- }
- });
- editor.addListener('selectionchange', function () {
- console.log(this);
- var state = editor.queryCommandState('blockquote');
- if (state == -1) {
- btn.setDisabled(true);
- btn.setChecked(false);
- } else {
- btn.setDisabled(false);
- btn.setChecked(state);
- }
- });
- return btn;
- });
|