右键弹出菜单,给编辑内容增加上下标

//事件注册                listeners:{                render : function() {Ext.fly(this.el).on('contextmenu',function(e, t) {e.preventDefault();e.stopPropagation();var textBox = document.getElementById(t.id);var selection = document.selection;var target = e.target;insertStart = 0;insertEnd = 0;if (typeof(target.selectionStart) != 'undefined') {insertStart = target.selectionStart;insertEnd = target.selectionEnd;} else if (selection && selection.createRange) {var tr = textBox.createTextRange();var r = selection.createRange();tr.setEndPoint('endtoend', r);insertStart = tr.text.length - r.text.length;insertEnd = tr.text.length;}needInsertObj = textBox;                    rightClick.showAt(e.getXY());});

// 全局变量

    var needInsertObj;    var insertStart;    var insertEnd;

var rightClick = new Ext.menu.Menu({id : 'rightClickCont', // 在HTML文件中必须有个rightClickCont的DIV元素items : [{id : 'insertSUP',handler : insertSUP,// 点击后触发的事件text : '插入上标'}, {id : 'insertSUB',handler : insertSUB,text : '插入下标'}]});function insertSUP(){var itemForm = new Ext.FormPanel({    frame : false,plain : false,bodyStyle : 'padding:5px 5px 0;background:transparent',defaultType : 'textfield',    items: [{fieldLabel : '上标内容',id : 'supContent',readOnly : false,name : 'supContent',anchor : '80%'}]});var win = new Ext.Window({width : 430,//height : 280,title : '添加上标',modal : true,closable : false,resizable : false,autoDestroy : true,//closeAction : 'hide',bodyStyle : 'padding:10px 12px 10px 10px ',items : [itemForm],buttons : [{text : '确定',handler : function() {if(itemForm.findById('supContent').getValue()==''){}else{needInsertObj.value = needInsertObj.value.substring(0,insertStart) + '<sup>' + itemForm.findById('supContent').getValue() + "</sup>" +needInsertObj.value.substring(insertEnd);}win.close();}},{text : '关闭',handler : function() {win.close();}}]}).show();}function insertSUB(){var itemForm = new Ext.FormPanel({    frame : false,plain : false,bodyStyle : 'padding:5px 5px 0;background:transparent',defaultType : 'textfield',    items: [{fieldLabel : '下标内容',id : 'subContent',readOnly : false,name : 'subContent',anchor : '80%'}]});var win = new Ext.Window({width : 430,//height : 280,title : '添加下标',modal : true,closable : false,resizable : false,autoDestroy : true,//closeAction : 'hide',bodyStyle : 'padding:10px 12px 10px 10px ',items : [itemForm],buttons : [{text : '确定',handler : function() {if(itemForm.findById('subContent').getValue()==''){}else{needInsertObj.value = needInsertObj.value.substring(0,insertStart) + '<sub>' + itemForm.findById('subContent').getValue() + "</sub>" +needInsertObj.value.substring(insertEnd);}win.close();}},{text : '关闭',handler : function() {win.close();}}]}).show();}