74 lines
2.3 KiB
JavaScript
74 lines
2.3 KiB
JavaScript
UE.registerUI('button',function(editor,uiName){
|
||
console.log(123)
|
||
//注册按钮执行时的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;
|
||
});
|