You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3228 lines
111 KiB
JavaScript
3228 lines
111 KiB
JavaScript
/*************************************************
|
|
* TQEditor
|
|
* Author : TengQiu Li
|
|
* E-Mail : litqqs@163.com
|
|
* Copyright : TengQiu Li
|
|
* Version : 2.3.6
|
|
* Site : http://www.e512.net
|
|
*************************************************/
|
|
(function(window,undefined){
|
|
if(window.TQE) return;
|
|
var version='2.3.6',//编辑器版本
|
|
ua = navigator.userAgent.toLowerCase(),
|
|
document=window.document,
|
|
isIE =!!window.ActiveXObject, //ie // ua.indexOf('trident')>=0 || ua.indexOf('msie 6')>=0 ;
|
|
isIE6 = isIE && !window.XMLHttpRequest,//ie6
|
|
ieTest = /msie ([0-9]+)/.exec(ua),
|
|
IEVersion = ieTest!=null ? parseInt(ieTest[1]):0, //IE版本号
|
|
isWebkit = ua.indexOf('webkit')>=0,//chrome,safari
|
|
isOpera = ua.indexOf('presto')>=0, //opera
|
|
isGecko = !isWebkit && !isOpera && ua.indexOf('gecko')>=0, //firefox
|
|
//相关资源
|
|
resStrCreateLink='添加链接',
|
|
resStrTargetOptions='<option value="">默认</option><option value="_blank">新窗口</option><option value="_self">当前窗口</option><option value="_parent">父窗口</option><option value="_top">顶层窗口</option>',
|
|
resStrInsertLinkUI='网址:<input type="text" id="url" value="" size=45 /><br />标题:<input type="text" id="title" value="" size=45 /><br />打开:<select id="target">'+resStrTargetOptions+'</select>',
|
|
resStrInsertImage='插入图片',
|
|
resStrInsertImageUI='图片网址:<input type="text" id="url" value="" size=40 /><br />替换文本:<input name="alt" type="text" id="alt" size="20" /><br />尺寸:<input name="width" type="text" id="width" size="4" /> × <input name="height" type="text" id="height" size="4" /> px <br />对齐:<select name="align" id="align"><option value="" >默认</option><option value="top">居上</option><option value="textTop">文本上方</option><option value="middle">居中</option><option value="absMiddle">绝对居中</option><option value="baseline">基线</option><option value="bottom">底部</option><option value="absBottom">绝对底部</option><option value="left">左</option><option value="right">右</option></select> 边框:<input name="border" type="text" id="border" size="5" />',
|
|
resStrImageContextUI='<form class="ePopForm">网址: <input type="text" id="url" size="50"><br>尺寸: <input type="text" id="width" style="width:30px; overflow:visible;"> × <input type="text" id="height" style="width:30px; overflow:visible;">px <a href="javascript:void(0)" id="resetWH" >重设大小</a><label><input name="lock" type="checkbox" id="lock" value="1" checked>锁定比例</label><br>替换文本: <input type="text" id="alt" /> 边框: <input type="text" id="border" style="width:30px; overflow:visible;" /><br>排版: <a href="javascript:void(0)" id="alignDefault">默认</a> | <a href="javascript:void(0)" id="alignLeft">左浮动</a> | <a href="javascript:void(0)" id="alignC">居中</a> | <a href="javascript:void(0)" id="alignRight">右浮动</a> | <a href="javascript:void(0)" id="alignTop">上对齐</a> | <a href="javascript:void(0)" id="alignAbsMiddle">中对齐</a> | <a href="javascript:void(0)" id="alignBottom">下对齐</a><div><hr>链接: <input type="text" id="link" size="40"><select id="target">'+resStrTargetOptions+'</select></div></form>',
|
|
resStrInsertFlash='插入动画',
|
|
resStrInsertFlashUI='Flash网址:<input type="text" id="url" value="" size=40 /><br />尺寸:<input name="width" type="text" id="width" size="4" value="200" />×<input name="height" type="text" id="height" size="4" value="200" /> px',
|
|
resStrInsertMusic='插入音频',
|
|
resStrInsertMusicUI='音频网址:<input type="text" id="url" value="" size=40 /><br />自动播放:<select id="auto_start" name="auto_start"><option value="0">手动开始</option><option value="1">自动开始</option></select>',
|
|
resStrInsertVideo='插入视频',
|
|
resStrInsertVideoUI='视频网址:<input type="text" id="url" value="" size=40 /><br />尺寸:<input name="width" type="text" id="width" size="4" value="320"/>×<input name="height" type="text" id="height" size="4" value="240" /> px<br />自动播放:<select id="auto_start" name="auto_start"><option value="0">手动开始</option><option value="1">自动开始</option></select><br />视频类型:<select id="video_type" name="video_type"><option value="auto">自动识别</option><option value="flv">FLV</option><option value="rm">RMVB</option><option value="wm">其他视频</option></select>',
|
|
resStrInsertRow='插入行',
|
|
resStrInsertCol='插入列',
|
|
resStrDeleteRow='删除行',
|
|
resStrDeleteCol='删除列',
|
|
resStrDeleteTable='删除表格',
|
|
resStrTableContextUI='<div><a class="eMenuItem" style="width:168px;" ><span id="eMergeCells" class="eButton"></span>合并单元格</a><a style="width:168px;" class="eMenuItem" ><span id="eSplitCells" class="eButton"></span>拆分单元格</a><hr width="166"><div style="padding:1px 1px 1px 3px;">表格排版: <a id="eTableAlignLeft">居左</a> | <a id="eTableAlignCenter">居中</a> | <a id="eTableAlignRight">居右</a></div><table border="0" cellSpacing="2" cellPadding="0"><tbody><tr><td width="65" align="center" valign="top" bgcolor="#FFFFFF" style="border:#999 solid 1px;">内容对齐<br><a id="eCellAlignLT" class="eButton eCellAlign"></a><a id="eCellAlignCT" class="eButton eCellAlign"></a><a id="eCellAlignRT" class="eButton eCellAlign"></a><br><a id="eCellAlignLC" class="eButton eCellAlign"></a><a id="eCellAlignCC" class="eButton eCellAlign"></a><a id="eCellAlignRC" class="eButton eCellAlign"></a><br><a id="eCellAlignLB" class="eButton eCellAlign"></a><a id="eCellAlignCB" class="eButton eCellAlign"></a><a id="eCellAlignRB" class="eButton eCellAlign"></a></td><td width="90" align="center" valign="top">宽度<input id="width" name="width" size="3" type="text"><br>边框<input id="border" name="border" size="3" type="text"><br>间距<input id="cellSpacing" name="cellSpacing" size="3" type="text"><br>填充<input id="cellPadding" name="cellPadding" size="3" type="text"></td></tr></tbody></table></div><div><hr width="166">插入表格</div>',
|
|
resStrNoColor='无色',
|
|
resStrOK='确定',
|
|
resStrCenal='取消',
|
|
resStrUpload='上传',
|
|
resStrClose='关闭',
|
|
resStrVersion='版本',
|
|
resStrAuthor='作者',
|
|
resStrSite='官网',
|
|
resStrMail='邮箱',
|
|
resStrPageTitlePre='分页标题: ',
|
|
|
|
TQE=function(objId,userConfig)
|
|
{
|
|
var $=this,config=TQE.clone(TQE.config);
|
|
$.objId = objId;
|
|
if(userConfig){
|
|
if(userConfig.height && userConfig.height != "auto" ){
|
|
userConfig.height= parseInt(userConfig.height);
|
|
if( isNaN(userConfig.height) )userConfig.height='auto';
|
|
}
|
|
for(var k in userConfig){
|
|
config[k] = userConfig[k];
|
|
}
|
|
}
|
|
|
|
if(typeof config.toolbar =='string'){
|
|
var tm=TQE.toolbarMode[config.toolbar];
|
|
if(!tm) tm=TQE.toolbarMode.normal;
|
|
config.toolbar=tm.left;
|
|
if(!userConfig || undefined===userConfig.toolbarRight)config.toolbarRight=tm.right;
|
|
}
|
|
|
|
$.config = config;
|
|
$.hasFocus=false;
|
|
$._containerDiv=null;
|
|
$._toolbarDiv=null;
|
|
$._clientDiv=null;
|
|
$._statusDiv=null;
|
|
//Methods
|
|
$.init=function(){
|
|
$.obj = TQE.find($.objId);
|
|
if(!$.obj){
|
|
if($.config.debug) throw('缺少ID为 '+$.objId+' 表单元素');
|
|
return;
|
|
}
|
|
if($.obj.editor) return;//对象不存在或已执行过
|
|
$.obj.editor = $;
|
|
|
|
if (!$.config.width || $.config.width == "auto") {
|
|
if($.obj.style.width){$.config.width = $.obj.style.width; }
|
|
else if($.obj.cols){ $.config.width = ($.obj.cols * 8)+'px'; }
|
|
else{ $.config.width = '100%'; }
|
|
}
|
|
|
|
if (!$.config.height || $.config.height == "auto") {
|
|
if($.obj.style.height){ $.config.height = parseInt($.obj.style.height,10); }
|
|
else if($.obj.offsetHeight){ $.config.height = $.obj.offsetHeight }
|
|
else if($.obj.rows){ $.config.height = $.obj.rows * 17 }
|
|
else{ $.config.height = 200; }
|
|
}
|
|
|
|
//toolbar
|
|
var i,j, btn,code ='<div class="" id="'+$.objId+'_EditorToolBar">';
|
|
//code +=$._toobarCode($.config.toolbar, $.config.toolbarRight)
|
|
code += '</div>'+
|
|
//编辑区
|
|
'<div id="'+$.objId+'_EditorClient" class="eEditorClient">'+
|
|
'<iframe id="'+$.objId+'_Editor" style="height:'+$.config.height+'px;" frameborder=0 ></iframe>'+
|
|
'</div>'+
|
|
//'</div>'+
|
|
'<div class="eStatusBar"><div class="eResizeWH" ></div><div class="eResizeH" ></div></div>';
|
|
|
|
if (!$.config.debug) {
|
|
$.obj.style.display = "none";
|
|
}
|
|
var e =TQE.CE('DIV','TQEditorContainer_'+$.objId, code );
|
|
e.className='eEditor';
|
|
e.style.width=$.config.width;
|
|
$.obj.parentNode.insertBefore(e, $.obj);
|
|
|
|
$._containerDiv = e;
|
|
$._toolbarDiv = TQE.find($.objId+'_EditorToolBar');
|
|
$._clientDiv = TQE.find($.objId+'_EditorClient');
|
|
|
|
//--
|
|
if('function'===typeof $.config.oninit) $.config.oninit.call($);
|
|
$._initContent($.obj.value);
|
|
$.changeToolbarMode($.config.advToolbarMode,true);
|
|
$.obj.focus = function(){this.editor.focus();}
|
|
//--
|
|
$._statusDiv = e.lastChild;
|
|
if(false==$.config.resize)$._statusDiv.style.display='none';
|
|
$._statusDiv.onmousedown=function(a){
|
|
if($._containerDiv.style.position=='absolute') return;
|
|
var x,y,obj,maskDiv,
|
|
o=this,
|
|
|
|
//$=this.context,
|
|
p=TQE.pos(this),
|
|
scrollTop = TQE._docST(),
|
|
scrollLeft = TQE._docSL(),
|
|
h = $.config.height,
|
|
w=$._containerDiv.offsetWidth-2,
|
|
bChangeWidth = this.style.cursor == 'se-resize',
|
|
oldTop = TQE.pos($._clientDiv).y;
|
|
|
|
|
|
$._showTableContext(0);
|
|
|
|
if(isIE){
|
|
a=window.event;
|
|
obj=a.srcElement;
|
|
x=scrollLeft + a.clientX-p.x;
|
|
y=scrollTop + a.clientY-p.y;
|
|
}else{
|
|
obj=a.target;
|
|
x=a.pageX-p.x;
|
|
y=a.pageY-p.y;
|
|
|
|
}
|
|
bChangeWidth = bChangeWidth || obj===o.firstChild && 'h'!=$.config.resize ;
|
|
|
|
o.mouseout=o.onmouseleave=null;
|
|
//$.setOpacity(o,80);
|
|
//if(isWebkit || isIE6){
|
|
//maskDiv=TQE.CE('DIV','','',true);
|
|
//maskDiv.className='eDragMaskDiv';
|
|
//maskDiv.style.cursor= bChangeWidth ? 'se-resize':'s-resize';
|
|
//maskDiv.style.height=Math.max(document.documentElement.clientHeight, document.body.scrollHeight)+'px';
|
|
//}
|
|
|
|
|
|
var mousemove=function(a){
|
|
if(isIE){
|
|
a=window.event;
|
|
a.pageX=scrollLeft + a.clientX;
|
|
a.pageY=scrollTop + a.clientY;
|
|
}
|
|
var deltaH=oldTop - TQE.pos($._clientDiv).y, ty=Math.max(50-h+p.y-deltaH, a.pageY-y),tx=Math.max(100-w+p.x, a.pageX-x);
|
|
if(bChangeWidth){
|
|
//o.style.width= tx-p.x + w +'px';
|
|
$.setWidth(tx-p.x + w);
|
|
}
|
|
//o.style.top=ty +'px';
|
|
$.setHeight(ty-p.y + h + deltaH );
|
|
},
|
|
mouseup=function(a){
|
|
|
|
$.focus();
|
|
$._popTableContext();
|
|
//$.setOpacity(o,100);
|
|
};
|
|
maskDiv = TQE._draging(mousemove,mouseup,o);
|
|
maskDiv.style.cursor= bChangeWidth ? 'se-resize':'s-resize';
|
|
|
|
};
|
|
};
|
|
$._toobarCode=function(leftButtons,rightButtons){
|
|
var i,btn,code ='';
|
|
//
|
|
if(rightButtons.length){
|
|
//code +='<ul class="eToolBarGroupRight" >';
|
|
code +='<span class="eToolBarGroupRight" >';
|
|
for(i=0; i < rightButtons.length; i++){
|
|
code += $._btnCode(rightButtons[i], false);
|
|
}
|
|
//code +='</ul>';
|
|
code +='</span>';
|
|
}
|
|
//工具组
|
|
//code +='<ul class="eToolBarGroup" >';
|
|
code +='<span class="eToolBarGroup" >';
|
|
if($.config.showToolbarGroupHandle){
|
|
btn = TQE.toolbarBottons['group'];
|
|
code +='<div class="eButton eFirstToolBarGroup" id="eBTNgroup" style="background-position: -'+btn.left+'px 0;width:'+btn.width+'px;" ></div>';
|
|
}
|
|
for(i=0; i < leftButtons.length; i++){
|
|
code += $._btnCode(leftButtons[i], true);
|
|
}
|
|
//code += '</ul>'+ //工具组完
|
|
code += '</span>'+ //工具组完
|
|
'<div class="eClear"></div>';
|
|
return code;
|
|
};
|
|
$._btnCode=function(tn, groupFlag){
|
|
var submenu='',btn,code,styleCode;
|
|
if('||'===tn) tn='group';
|
|
else if('|'===tn) tn='separator';
|
|
else if('string'!==typeof tn){//子菜单
|
|
submenu= 'submenu="'+tn.join(',')+'" ';
|
|
tn='submenu';
|
|
}
|
|
btn = TQE.toolbarBottons[tn];
|
|
if(!btn) return '';
|
|
styleCode=function(btn){return 'id="eBTN'+tn+'" class="eButton"' + (btn.css ? ' style="'+btn.css+'"':'' ); };
|
|
switch(tn){
|
|
case 'group':
|
|
if(!groupFlag) return '';
|
|
//code='</ul><ul class="eToolBarGroup" >';
|
|
code='</span><span class="eToolBarGroup" >';
|
|
if($.config.showToolbarGroupHandle){
|
|
code+= '<div '+styleCode(btn)+' ></div>';
|
|
}
|
|
return code;
|
|
case 'separator':
|
|
return '<div '+styleCode(btn)+' ></div>'; // id="eBTN'+tn+'"
|
|
case 'br':
|
|
//return '<li style="clear:left;"></li>';
|
|
return '<br />';
|
|
default:
|
|
//return'<li name="'+tn+'" title="'+btn.text+'" '+submenu+styleCode(btn)+' >'+btn.text+'</li>';//id="'+$.objId+'_'+tn+'"
|
|
return'<a href="javascript:void(0)" name="'+tn+'" title="'+btn.text+'" '+submenu+styleCode(btn)+' >'+btn.text+'</a>';//id="'+$.objId+'_'+tn+'"
|
|
}
|
|
};
|
|
//ie6
|
|
$._ieMouseStyle=function(obj,normal,hover,down){
|
|
if(!isIE || !isIE6 && document.compatMode == "CSS1Compat") return;
|
|
TQE.addListener(obj,'mouseover', function(){this.className=hover;});
|
|
TQE.addListener(obj,'mouseup', function(){this.className=hover;});
|
|
TQE.addListener(obj,'mousedown', function(){this.className=down;});
|
|
TQE.addListener(obj,'mouseout', function(){this.className=normal;});
|
|
};
|
|
$._keepBookmark=function(){
|
|
if(isIE){
|
|
var _bookmark,
|
|
win = TQE.find($.objId+'_Editor');
|
|
TQE.addListener(win,'beforedeactivate',function(){_bookmark=$._getRange();});
|
|
TQE.addListener(win,'activate',function(){
|
|
if(null==_bookmark) return;
|
|
var sel=$._getSelection();
|
|
if(sel.addRange) sel.addRange(_bookmark);
|
|
else _bookmark.select();
|
|
_bookmark=null;
|
|
});
|
|
}
|
|
};
|
|
$._toolbarBottonClick=function(){
|
|
var e=isIE ? event : arguments[0],
|
|
cmd = this.getAttribute('name'),
|
|
btn=TQE.toolbarBottons[cmd];
|
|
e.cancelBubble = true;
|
|
$.focus();
|
|
if(btn && btn.click){
|
|
btn.click($,this);
|
|
}else{
|
|
TQE.hidePop();
|
|
$.exeCmd(cmd);
|
|
}
|
|
};
|
|
$.__selectOption=function(selectObj,value){
|
|
for(var i=selectObj.options.length-1;i>=0;i--){
|
|
if(selectObj.options[i].value==value){
|
|
selectObj.selectedIndex=i;
|
|
return;
|
|
}
|
|
}
|
|
};
|
|
$.exeCmd=function(cmd,para){
|
|
$.focus();
|
|
var cells=$.selectedCells(),
|
|
d=$._getDoc(),
|
|
sel=$._getSelection(),
|
|
i, r, fcs;
|
|
if(cells.length){
|
|
r= d.createRange ? d.createRange() : d.body.createTextRange();
|
|
for(i=0;i<cells.length;i++){
|
|
if('backcolor'==cmd || 'hilitecolor'==cmd){
|
|
cells[i].style.backgroundColor=para;
|
|
continue;
|
|
}
|
|
if(sel.empty) sel.empty(); //ie6,7,8
|
|
else if(sel.removeAllRanges) sel.removeAllRanges();
|
|
|
|
if(sel.selectAllChildren){
|
|
sel.selectAllChildren(cells[i])
|
|
}else if(r.moveToElementText){ //ie6,7,8
|
|
r.moveToElementText(cells[i]);
|
|
r.select();
|
|
//}else{
|
|
// r.selectNode(cells[i]);
|
|
// sel.addRange(r);
|
|
}
|
|
try{
|
|
d.execCommand(cmd,false, para!=null?para:false);
|
|
if('bold'==cmd || 'italic'==cmd || 'underline'==cmd ||
|
|
'strikethrough'==cmd || 'subscript'==cmd || 'superscript'==cmd){
|
|
if(i==0) fcs = d.queryCommandState(cmd);
|
|
else if(fcs != d.queryCommandState(cmd)) d.execCommand(cmd,false, para!=null?para:false);
|
|
}
|
|
}catch(e){}
|
|
}
|
|
if(sel.empty) sel.empty(); //ie6,7,8
|
|
else if(sel.removeAllRanges) sel.removeAllRanges();
|
|
}else{
|
|
try{return d.execCommand(cmd,false, para!=null?para:false);}catch(e){}
|
|
}
|
|
};
|
|
$.focus=function(){
|
|
if($.hasFocus) return ;
|
|
if('visual'==$.currentMode()){
|
|
var cells=$.selectedCells(),r,sel;
|
|
if(cells.length<1){
|
|
$._editorObj().contentWindow.focus();
|
|
var r=$._getRange(), sel = $._getSelection();
|
|
if(isWebkit && sel.rangeCount<1){
|
|
r.selectNodeContents($._getDoc().body);
|
|
r.collapse(true);
|
|
sel.removeAllRanges();
|
|
sel.addRange(r);
|
|
}
|
|
}else{
|
|
var r=$._getRange();
|
|
if(r.select){ //ie6,7,8
|
|
r.collapse(false);
|
|
r.select();
|
|
}else{
|
|
r.selectNodeContents(cells[0]);
|
|
r.collapse(false);
|
|
sel = $._getSelection();
|
|
sel.removeAllRanges();
|
|
sel.addRange(r);
|
|
}
|
|
}
|
|
}else{
|
|
$._editorObj().focus();
|
|
}
|
|
$.hasFocus=true;
|
|
|
|
};
|
|
$.focusNode=function(){
|
|
if('visual'!==$.currentMode() || !$.hasFocus ) return null;
|
|
var r,node = $._getSelection().focusNode;
|
|
if(!node){//ie6,7,8
|
|
r = $._getRange();
|
|
return (r.length)? r.item(0).parentNode : r.parentElement? r.parentElement():null;
|
|
}
|
|
return node;
|
|
};
|
|
$._showColorSelectUI=function(sender,cmd){
|
|
var o=TQE.find($.objId+'ColorSelect'+cmd);
|
|
if(null==o){
|
|
o = TQE.CE('DIV',$.objId+'ColorSelect'+cmd, TQE._colorPickerUI() ,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'TABLE,TR,TD,DIV');
|
|
TQE.listenTags(o,'TD','click',function(){TQE.hidePop();$.exeCmd(cmd, this.bgColor);});
|
|
o.lastChild.lastChild.onclick=function(){TQE.hidePop();$.exeCmd(cmd, '');};
|
|
|
|
TQE.listenTags(o,'TD','mouseover',function(){
|
|
var self=this,
|
|
iid = window.setInterval(function(){self.style.backgroundColor=(self.style.backgroundColor!='')?'':'#FFFFFF'},500),
|
|
p=this.parentNode.parentNode.parentNode.parentNode.lastChild;
|
|
p.firstChild.style.backgroundColor=this.bgColor;
|
|
p.firstChild.nextSibling.innerHTML=this.bgColor;
|
|
|
|
this.style.backgroundColor='#FFFFFF';
|
|
this.onmouseout=function(){window.clearInterval(iid);this.style.backgroundColor='';}
|
|
});
|
|
}
|
|
TQE.pop(o,sender);
|
|
};
|
|
$._popAsMenu=function(sender, btns){
|
|
var cmd=sender.getAttribute('name'),
|
|
o=TQE.find($.objId+'PopMenu'+cmd),
|
|
s='',
|
|
es,i,tn,btn;
|
|
if(null==o){
|
|
o = TQE.CE('DIV',$.objId+'PopMenu'+cmd, '' ,true);
|
|
o.className='ePopPanel';
|
|
}
|
|
for(i=0; i < btns.length; i++){
|
|
tn = btns[i];
|
|
if('separator'==tn || '|'==tn){
|
|
s +='<hr style="width:120px; clear:both;" />';
|
|
continue;
|
|
}
|
|
btn = TQE.toolbarBottons[tn];
|
|
if(btn){
|
|
s +='<div name="'+tn+'" class="eMenuItem" ><span class="eButton" id="eBTN'+tn+'" ></span>'+btn.text+'</div>';
|
|
}
|
|
}
|
|
o.innerHTML=s;
|
|
TQE._noSel(o);
|
|
if(isOpera)TQE._noSel(o,'DIV');
|
|
TQE.listenTags(o,'DIV','click',$._toolbarBottonClick);
|
|
if(isIE6){
|
|
es = TQE._tags(o,'DIV');
|
|
for(i=es.length-1;i>=0;i--){
|
|
$._ieMouseStyle(es[i],'eMenuItem','eMenuItemUp','eMenuItem');
|
|
}
|
|
}
|
|
TQE.pop(o,sender);
|
|
};
|
|
$._popFormUI=function(id, caption, htm, cbOK, intInputNames, uploadUrl, uploadFileTypes, uploadFileSize, uploadType){
|
|
var s='<form class="ePopForm">';
|
|
if(uploadUrl){
|
|
s+='<div class="eTabBar"><a href="javascript:void(0)" class="active" HIDEFOCUS="true">'+caption+'</a><a style="display:none;" href="javascript:void(0)" HIDEFOCUS="true">'+resStrUpload+'</a></div>';
|
|
s+='<div>';
|
|
}
|
|
s += htm;
|
|
s+='<div class="eBar"><button id="OK" name="OK" type="submit" class="eBtn" HIDEFOCUS="true"/>'+resStrOK+'</button> <button id="Cancel" name="Cancel" type="button" class="eBtn" HIDEFOCUS="true">'+resStrCenal+'</button></div>';
|
|
if(uploadUrl){
|
|
s+='</div><div style="display:none">';
|
|
var url=uploadUrl;
|
|
if(uploadUrl.substr(0,1)=='#'){//自定上传界面
|
|
url=uploadUrl.substring(1);
|
|
}else{
|
|
//修正相对网址
|
|
if(!('http://'==uploadUrl.substr(0,7).toLowerCase() || '/'==uploadUrl.substr(0,1) || 'https://'==uploadUrl.substr(0,6).toLowerCase())){
|
|
if('?'==uploadUrl.substr(0,1)){
|
|
uploadUrl = location.pathname+uploadUrl;
|
|
}else{
|
|
var a=location.pathname.split('/');
|
|
a[a.length-1]= uploadUrl;
|
|
uploadUrl = a.join('/');
|
|
}
|
|
}
|
|
url=TQE.url+'upload.htm?url='+encodeURIComponent(uploadUrl)+'&field_name='+$.config.uploadFieldName+'&exts='+encodeURIComponent(uploadFileTypes)+'&max_size='+encodeURIComponent(uploadFileSize)+'&debug='+$.config.debug+'&upload_type='+uploadType;
|
|
}
|
|
s+='<iframe src="'+url+'" frameborder=0 width=358 height=45 ALLOWTRANSPARENCY=true marginwidth=0 marginheight=0 ></iframe>';
|
|
s+='</div>';
|
|
}
|
|
|
|
s +='</form>';
|
|
|
|
var o= TQE.CE('DIV',id, s ,true);
|
|
o.className='ePopPanel';
|
|
|
|
if(uploadUrl){
|
|
var tabClick=function(){
|
|
this.className='active';
|
|
var pn= this.parentNode.nextSibling;
|
|
if(this.nextSibling){
|
|
this.nextSibling.className='';
|
|
pn.style.display='';
|
|
pn.nextSibling.style.display='none';
|
|
pn.parentNode.getElementsByTagName('INPUT')[0].focus();
|
|
}else if(this.previousSibling){
|
|
this.previousSibling.className='';
|
|
pn.style.display='none';
|
|
pn.nextSibling.style.display='';
|
|
}
|
|
},
|
|
tabbar = o.firstChild.firstChild;
|
|
tabbar.firstChild.onclick=tabClick;
|
|
tabbar.lastChild.onclick=tabClick;
|
|
}
|
|
var f= TQE._tags(o,'FORM')[0],es = f.elements;
|
|
f.srcEditor=$;
|
|
es['Cancel'].onclick= TQE.hidePop;
|
|
es['OK'].onclick=cbOK;
|
|
f.onsubmit=function(){
|
|
this.elements['OK'].click();
|
|
return false;
|
|
}
|
|
if(intInputNames) for(i=intInputNames.length-1;i>=0;i--) $._intEdit(es[intInputNames[i]]);
|
|
TQE._noSel(o);
|
|
if(isOpera)TQE._noSel(o,'FORM,DIV');
|
|
return o;
|
|
};
|
|
$.insertMusic=function(url,auto_start){
|
|
var s = $.config.tplMusic.replace(/\{\$url\}/g,url).replace(/\{\$auto_start\}/g,auto_start);
|
|
$.insertHtml(s);
|
|
};
|
|
$.insertFlash=function(url,width,height){
|
|
var s = $.config.tplFlash.replace(/\{\$url\}/g,url);
|
|
s = s.replace(/\{\$width\}/g,width);
|
|
s = s.replace(/\{\$height\}/g,height);
|
|
$.insertHtml(s);
|
|
};
|
|
$.insertVideo=function(url,auto_start,width,height,video_type){
|
|
var tpl='',ext;
|
|
switch(video_type){
|
|
case 'rm':tpl = $.config.tplRm;break;
|
|
case 'flv':tpl = $.config.tplFlv;break;
|
|
case 'wm':tpl = $.config.tplVideo;break;
|
|
default:
|
|
ext = url.substr(url.lastIndexOf('.')).toLowerCase();
|
|
if('.flv'==ext){
|
|
tpl = $.config.tplFlv;
|
|
}else if('.rm'==ext || '.rmvb'==ext){
|
|
tpl = $.config.tplRm;
|
|
}else{
|
|
tpl = $.config.tplVideo;
|
|
}
|
|
break;
|
|
}
|
|
tpl = tpl.replace(/\{\$url\}/g,url).replace(/\{\$auto_start\}/g,auto_start).replace(/\{\$width\}/g,width).replace(/\{\$height\}/g,height);
|
|
$.insertHtml(tpl);
|
|
};
|
|
//可视模式时有效
|
|
//position 可选值[before|after|replace|-1|1|0]
|
|
$.insertHtml=function(htm, position){//
|
|
$.focus();
|
|
if('code'==$.currentMode()){
|
|
var editor=$._editorObj();
|
|
if(document.selection){//ie
|
|
var r = document.selection.createRange();
|
|
if('before'==position || -1==position) r.text = htm+r.text;
|
|
else if('after'==position || 1==position) r.text+=htm;
|
|
else r.text=htm;
|
|
r.select();
|
|
}else if(editor.selectionStart || editor.selectionStart=='0'){
|
|
var startPos = editor.selectionStart,
|
|
endPos = editor.selectionEnd,
|
|
scrollTop = editor.scrollTop,
|
|
str=editor.value;
|
|
if('before'==position || -1==position) htm = str.substring(startPos,endPos)+htm;
|
|
else if('after'==position || 1==position) htm += str.substring(startPos,endPos);
|
|
|
|
editor.value=str.substr(0,startPos)+htm+str.substr(endPos, str.length);
|
|
editor.focus();
|
|
editor.selectionStart=editor.selectionEnd= startPos+htm.length;
|
|
editor.scrollTop=scrollTop;
|
|
}else{
|
|
editor.value+=htm;
|
|
editor.focus();
|
|
}
|
|
$.save();
|
|
return;
|
|
}
|
|
//$.unselectAllCells();
|
|
if(isGecko){
|
|
htm = htm.replace(/<td([^>]*)>\s*<\/td/ig, '<td$1 ><br></td');
|
|
}
|
|
var r = $._getRange();
|
|
if(r.length){//ie
|
|
var d=$._getDoc(),
|
|
e=r.item(0),
|
|
tr=d.body.createTextRange();
|
|
tr.moveToElementText(e);
|
|
if('before'==position || -1==position){
|
|
tr.collapse();
|
|
}else if('after'==position || 1==position){
|
|
tr.collapse(false);
|
|
}else{
|
|
r.execCommand('Delete');
|
|
}
|
|
tr.pasteHTML(htm);
|
|
tr.select();//重设光标
|
|
}else if(r.insertNode){//ie9,firefox,chrome,opera
|
|
var cf,n,sel;
|
|
if(r.createContextualFragment){//IE9 未实现此方法
|
|
cf=r.createContextualFragment(htm);
|
|
}else{
|
|
cf =$._getDoc().createDocumentFragment();
|
|
cf.appendChild(TQE.CE('div'));
|
|
cf.firstChild.outerHTML=htm;
|
|
}
|
|
|
|
if('before'==position || -1==position){
|
|
n= cf.lastChild;
|
|
r.insertNode(cf);
|
|
r.setEndAfter(n);
|
|
}else if('after'==position || 1==position){
|
|
r.collapse(false);
|
|
r.insertNode(cf);
|
|
}else{
|
|
r.deleteContents();
|
|
r.insertNode(cf);
|
|
}
|
|
r.collapse(false);
|
|
sel = $._getSelection();
|
|
sel.removeAllRanges();
|
|
sel.addRange(r);
|
|
}else{ //ie6,7,8
|
|
if('before'==position || -1==position){
|
|
r.collapse(true);
|
|
}else if('after'==position || 1==position){
|
|
r.collapse(false);
|
|
}
|
|
r.pasteHTML(htm);
|
|
r.collapse(false);
|
|
r.select();
|
|
}
|
|
$.save();
|
|
};
|
|
//最后的地方加入网页代码
|
|
$.appendHtml=function(html){
|
|
$.unselectAllCells();
|
|
$.setContent($.content()+html);
|
|
//if('code'==$.currentMode()) $._editorObj().value += html;
|
|
//else $._getDoc().body.innerHTML += html;
|
|
//$.save();
|
|
//return $;
|
|
};
|
|
$._editorObj= function(){
|
|
return TQE.find($.objId+'_Editor');
|
|
};
|
|
$.currentMode=function(){//取得当前的编辑模式, code 代码 , visual 可视化
|
|
return ($._editorObj().tagName.toUpperCase()==='IFRAME')?'visual':'code';
|
|
};
|
|
$._getDoc=function(){
|
|
var iframe =$._editorObj();
|
|
return iframe.contentDocument || iframe.contentWindow.document;
|
|
};
|
|
$._getSelection=function(){
|
|
var win =$._editorObj().contentWindow;
|
|
return (win.getSelection) ? win.getSelection() : $._getDoc().selection;
|
|
};
|
|
$._getRange=function(){
|
|
var selection=$._getSelection(), d=$._getDoc(),r;
|
|
try{//标准dom
|
|
r = selection.rangeCount > 0 ? selection.getRangeAt(0) : (selection.createRange ? selection.createRange() : d.createRange());
|
|
}catch (e){}
|
|
if(!r) r = isIE ? d.body.createTextRange() : d.createRange();
|
|
return r;
|
|
};
|
|
$.insertImage=function(image_url,width,height,border,alt,align){
|
|
if(''==image_url) return;
|
|
var s='<img src="'+image_url+'" ';
|
|
if(width!==undefined && ''!=width && !isNaN(parseInt(width)) && parseInt(width)>0 ) s += ' width='+parseInt(width);
|
|
if(height!==undefined && ''!=height && !isNaN(parseInt(height)) && parseInt(height)>0 ) s +=' height='+parseInt(height);
|
|
if(border!==undefined && ''!=border && !isNaN(parseInt(border))) s +=' border='+parseInt(border);
|
|
if(alt!==undefined && ''!=alt) s +=' alt="'+alt+'"';
|
|
if(align!==undefined && ''!=align) s +=' align="'+align+'"';
|
|
s +=' />';
|
|
$.insertHtml(s);
|
|
return;
|
|
};
|
|
$._enableButton=function(btn,enable){
|
|
if(btn.disabled===undefined)btn.disabled=false;
|
|
if(btn.disabled!=enable) return;
|
|
if(enable){
|
|
btn.disabled=false;
|
|
$.setOpacity(btn,100);
|
|
TQE.addListener(btn,'click',$._toolbarBottonClick);
|
|
}else{
|
|
btn.disabled=true;
|
|
$.setOpacity(btn,30);
|
|
TQE.delListener(btn,'click',$._toolbarBottonClick);
|
|
}
|
|
};
|
|
$._updateToolbar=function(enable, buttons, exceptFlag){
|
|
var tb=$._toolbarDiv,
|
|
btn=$._button('mode'),
|
|
//btns = TQE._tags(tb,'LI'),
|
|
btns = TQE._tags(tb,'A'),
|
|
i;
|
|
if(btn) btn.id = 'visual'===$.currentMode()?'eBTNmode':'eBTNmode-reset';
|
|
for(i=btns.length-1;i>=0;i--){
|
|
if($.inArray(btns[i].getAttribute('name'), buttons) ^ exceptFlag ) {
|
|
$._enableButton(btns[i],enable);
|
|
}
|
|
}
|
|
};
|
|
//设置光标插入点
|
|
//$.setCaret=function(node, position){
|
|
// var d=$._getDoc(), sel = $._getSelection();
|
|
// if(isIE){
|
|
// tr=d.body.createTextRange();
|
|
// tr.moveToElementText(node)
|
|
// tr.collapse(true);
|
|
// tr.select();
|
|
// }else{
|
|
// tr = d.createRange();
|
|
// tr.selectNode(node);
|
|
// tr.collapse(true);
|
|
// sel.removeAllRanges();
|
|
// sel.addRange(tr);
|
|
// }
|
|
//};
|
|
$._hook=function(){
|
|
//if('visual'!=$.currentMode()) return; //!isIE || !$.config.enter2br ||
|
|
var doc=$._getDoc();
|
|
doc.onkeydown = function(e){
|
|
TQE._hideContext();
|
|
if(isIE) e = $._realEvent(e);
|
|
var key = e.keyCode || e.which;
|
|
if(e.ctrlKey &&(13==key || 10==key || 83==key)) $.save();//按 Ctrl+(Enter|s) 保存数据至表单
|
|
var r=$._call('keydown',e);
|
|
if(undefined!==r && false==r) return false;//用户已处理
|
|
|
|
if((8==key || 46==key) && $.selectedCells().length) $.exeCmd('delete'); //清除选中单元格内容
|
|
|
|
if(key==13){
|
|
var o = $.focusNode(), p,br,tr,d;
|
|
if(!o) return;
|
|
if(o.nodeName==='#text') o = o.parentNode;
|
|
if(o.className == 'splitPage'){//分页标题
|
|
p=o.parentNode;
|
|
if(o.nextSibling && o.nextSibling.nodeName==='BR'){
|
|
br = o.nextSibling;
|
|
}else{
|
|
br = document.createElement('BR');
|
|
if(p.lastChild == o){
|
|
p.appendChild(br);
|
|
}else{
|
|
p.insertBefore(br,o.nextSibling);
|
|
}
|
|
}
|
|
//重设光标
|
|
d=$._getDoc();
|
|
if(isIE){
|
|
tr=d.body.createTextRange();
|
|
tr.moveToElementText(br)
|
|
tr.collapse(true);
|
|
tr.select();
|
|
}else{
|
|
tr = d.createRange();
|
|
tr.selectNode(br);
|
|
tr.collapse(true);
|
|
var sel = $._getSelection();
|
|
sel.removeAllRanges();
|
|
sel.addRange(tr);
|
|
}
|
|
return false;
|
|
}
|
|
//--
|
|
//if(e.shiftKey){e.shiftKey=false;return true;}
|
|
if($.config.enter2br){
|
|
if(o.tagName != 'LI'){
|
|
$.insertHtml('<br />');
|
|
return false;
|
|
}
|
|
}else if(!isIE && !e.shiftKey){//非IE, 回车默认是br的,加以修正
|
|
var r=$._getRange(), n, nn;
|
|
for(n=r.startContainer; n; n=n.parentNode){
|
|
nn=n.nodeName;
|
|
if(nn=='LI' || nn=='P'|| 'H1'==nn|| 'H2'==nn|| 'H3'==nn|| 'H4'==nn|| 'H5'==nn|| 'H6'==nn|| 'DIV'==nn) return true;
|
|
}
|
|
$.exeCmd('FormatBlock','p');
|
|
}
|
|
}
|
|
};
|
|
doc.onkeyup =function(e){
|
|
e = $._realEvent(e);
|
|
var key = e.keyCode || e.which,
|
|
node = this.body.firstChild;
|
|
if((8===key || 46===key) && node&& node === doc.body.lastChild ){//delete | backspace
|
|
var nn=node.nodeName,
|
|
ns=node.innerHTML,
|
|
reg=/^<(strong|em|b|i|u|font)[^>]*><\/\1>| $/i;
|
|
if(nn==='P' || nn==='H1'|| nn==='H2'|| nn==='H3'|| nn==='H4'|| nn==='H5'|| nn==='H6' || nn==='BR'){
|
|
if(''===ns || reg.test(ns))doc.body.innerHTML='';
|
|
}
|
|
}
|
|
$._call('keyup',e);
|
|
};
|
|
|
|
doc.ondragstart=function(e){TQE._hideContext();$._showTableContext(0);};
|
|
doc.onclick=function(e){
|
|
var node,r,sel;
|
|
TQE._hideContext();
|
|
//$.focus();
|
|
//$._popTableContext();
|
|
if(!isIE){
|
|
node=e.target;
|
|
if('IMG'===node.nodeName){
|
|
r = $._getDoc().createRange();
|
|
sel = $._getSelection();
|
|
r.selectNode(e.target);
|
|
sel.removeAllRanges();
|
|
sel.addRange(r);
|
|
$._popImagePanel(node);
|
|
}
|
|
}else{
|
|
e=$._realEvent(e);
|
|
node= e.srcElement;
|
|
if('IMG'===node.nodeName){
|
|
$._popImagePanel(node);
|
|
}
|
|
}
|
|
};
|
|
if(isIE){
|
|
doc.onmousedown=doc.onclick;
|
|
doc.onclick=null;
|
|
}
|
|
//if($.config.autoClean) doc.body.onpaste=function(){setTimeout($.cleanWord,200);};
|
|
doc.body.onpaste=function(e){
|
|
if(isIE) e = $._realEvent(e);
|
|
var r=$._call('paste',e);
|
|
if($.config.autoClean) setTimeout($.cleanWord,200);
|
|
};
|
|
|
|
TQE.addListener(doc,'mouseup',TQE.hidePop);
|
|
TQE.addListener(doc,'scroll',$._popTableContext);
|
|
//if(isIE6 || isIE && (document.documentMode==7 || document.compatMode != "CSS1Compat"))
|
|
TQE.addListener(doc.body,'scroll',$._popTableContext); //IE6或兼容视图
|
|
|
|
TQE.addListener(doc,'keyup', $._popTableContext);
|
|
TQE.addListener(doc,'mouseup',$._popTableContext);
|
|
TQE.addListener(doc,'mousedown',$._startSelectTd);
|
|
TQE.addListener(doc,'keypress',$.unselectAllCells);
|
|
//TQE.addListener(doc,'blur',$.unselectAllCells);
|
|
|
|
if(isIE6){
|
|
TQE.addListener(doc,'mouseup',$.focus);
|
|
TQE.addListener(doc,'mousedown',$.focus);
|
|
}
|
|
};
|
|
$._popImagePanel=function(img){
|
|
if(!$.config.autoPopImagePanel) return;
|
|
var o=TQE.find('__tqImagePanel');
|
|
if(null==o){
|
|
//var s='<form class="ePopForm">网址: <input type="text" id="url" size="50"><br>尺寸: <input type="text" id="width" style="width:30px; overflow:visible;"> × <input type="text" id="height" style="width:30px; overflow:visible;">px <a href="javascript:void(0)" id="resetWH" >重设大小</a><label><input name="lock" type="checkbox" id="lock" value="1" checked>锁定比例</label><br>替换文本: <input type="text" id="alt" /> 边框: <input type="text" id="border" style="width:30px; overflow:visible;" /><br>排版: <a href="javascript:void(0)" id="alignDefault">默认</a> | <a href="javascript:void(0)" id="alignLeft">左浮动</a> | <a href="javascript:void(0)" id="alignC">居中</a> | <a href="javascript:void(0)" id="alignRight">右浮动</a> | <a href="javascript:void(0)" id="alignTop">上对齐</a> | <a href="javascript:void(0)" id="alignAbsMiddle">中对齐</a> | <a href="javascript:void(0)" id="alignBottom">下对齐</a><div>链接: <input type="text" id="link" size="40"><select id="target"><option value="" >默认</option><option value="_blank">新窗口</option><option value="_self">当前窗口</option><option value="_parent">父窗口</option><option value="_top">顶层窗口</option></select></div></form>';
|
|
o= TQE.CE('DIV','__tqImagePanel', resStrImageContextUI ,true);
|
|
o.className='ePopPanel';
|
|
var f= TQE._tags(o,'FORM')[0],
|
|
es = f.elements;
|
|
$._intEdit(es['width']);
|
|
$._intEdit(es['height']);
|
|
$._intEdit(es['border']);
|
|
|
|
o.urlField=es['url'];
|
|
o.widthField=es['width'];
|
|
o.heightField=es['height'];
|
|
o.lockField=es['lock'];
|
|
o.borderField=es['border'];
|
|
o.altField=es['alt'];
|
|
//link attri
|
|
o.linkField=es['link'];
|
|
o.targetField=es['target'];
|
|
o.linkField.onchange=function(){
|
|
var o=this.parentNode.parentNode.parentNode, img=o.target, a=img.parentNode;
|
|
if(a.nodeName!=='A') return;
|
|
a.setAttribute('href', this.value);
|
|
};
|
|
o.targetField.onchange=function(){
|
|
var o=this.parentNode.parentNode.parentNode, img=o.target, a=img.parentNode;
|
|
if(a.nodeName!=='A') return ;
|
|
a.setAttribute('target', this.options[this.selectedIndex].value);
|
|
};
|
|
|
|
o.urlField.onchange=function(){
|
|
this.parentNode.parentNode.target.src=this.value;;
|
|
};
|
|
o.urlField.onfocus=function(){this.select();};
|
|
var setwh=function(){
|
|
var o=this.parentNode.parentNode, img=o.target, w=h=Math.max(1,this.value);
|
|
if(o.lockField.checked){
|
|
if(this.id=='width') h=o.heightField.value=Math.round(w/ o.rate);
|
|
else w=o.widthField.value=Math.round(h * o.rate);
|
|
}else{
|
|
if(this.id=='width') h=o.heightField.value;
|
|
else w=o.widthField.value;
|
|
}
|
|
img.width=w;
|
|
img.height=h;
|
|
img.style.width='';
|
|
img.style.height='';
|
|
};
|
|
o.widthField.onchange=o.widthField.onblur=o.heightField.onchange=o.heightField.onblur=setwh;
|
|
o.borderField.onchange=function(){
|
|
var img= this.parentNode.parentNode.target;
|
|
if(''===this.value) img.removeAttribute('border'); else img.border=this.value;
|
|
};
|
|
o.altField.onchange=function(){
|
|
var img= this.parentNode.parentNode.target;
|
|
if(''===this.value) img.removeAttribute('alt'); else img.alt=this.value;
|
|
};
|
|
o.lockField.onclick=function(){
|
|
if(this.checked){
|
|
var o=this.parentNode.parentNode.parentNode;
|
|
o.rate=o.widthField.value/o.heightField.value;
|
|
}
|
|
};
|
|
|
|
var aClick=function(e){
|
|
var op=this.parentNode.parentNode,
|
|
o=op.target,
|
|
id=this.id;
|
|
if('resetWH'==id){
|
|
o.removeAttribute('width');
|
|
o.removeAttribute('height');
|
|
o.style.width='';
|
|
o.style.height='';
|
|
op.widthField.value=o.width;
|
|
op.heightField.value=o.height;
|
|
op.rate=o.width/o.height;
|
|
}else{ // if('align'==id.substring(0,5)){
|
|
o.align='';
|
|
o.style.display='';
|
|
o.style.margin='';
|
|
$.exeCmd('justifynone');
|
|
if('alignC'==id){
|
|
//o.style.display='block';
|
|
//o.style.margin='5px auto';
|
|
$.exeCmd('justifycenter');
|
|
}else if('alignDefault'!=id){
|
|
o.align=id.substring(5,20).toLowerCase();;
|
|
}
|
|
}
|
|
return false;
|
|
};
|
|
var os = TQE._tags(o,'A'),i;
|
|
for(i=os.length-1;i>=0;i--){
|
|
os[i].onclick=aClick;
|
|
}
|
|
TQE._noSel(o);
|
|
}
|
|
if(img.parentNode && img.parentNode.nodeName==='A'){
|
|
o.lastChild.lastChild.style.display='';
|
|
o.linkField.value=img.parentNode.getAttribute('href');
|
|
$.__selectOption(o.targetField, img.parentNode.getAttribute('target'));
|
|
}else{
|
|
o.lastChild.lastChild.style.display='none';
|
|
o.linkField.value='';
|
|
o.targetField.selectedIndex=0;
|
|
}
|
|
o.target=img;
|
|
o.urlField.value=img.getAttribute('src');
|
|
o.widthField.value=img.width;
|
|
o.heightField.value=img.height;
|
|
o.borderField.value=img.border;
|
|
o.altField.value=img.alt;
|
|
o.rate= (img.width>0 && img.height>0) ? img.width / img.height:1;
|
|
$._popContext(o, img);
|
|
};
|
|
$._popContext=function(o,relateObj){
|
|
if(TQE.activeContext != o )TQE._hideContext();
|
|
var x,y,my
|
|
p=TQE.pos($._editorObj()),
|
|
p2=relateObj.getBoundingClientRect(),
|
|
d=TQE._doc();
|
|
|
|
o.style.display="block";
|
|
x = Math.min( p.x+ p2.left , TQE._docSL() + d.clientWidth-o.offsetWidth-5);
|
|
y = Math.min( p.y+p.height, 10+p.y+ p2.bottom);
|
|
|
|
my = TQE._docST() + d.clientHeight - o.offsetHeight-10;
|
|
if(y > my){
|
|
y = Math.max(p.y-o.offsetHeight, p.y+p2.top-o.offsetHeight-10);
|
|
//y=p2.top+p.y-o.offsetHeight-10;
|
|
//if(y<TQE._docST())y=10+Math.max(p.y, TQE._docST());// isIE? window.event.clientY :
|
|
//if(y<p.y-o.offsetHeight)y= p.y-o.offsetHeight;
|
|
}
|
|
|
|
o.style.left= x+'px';
|
|
o.style.top= y+'px';
|
|
TQE.activeContext=o;
|
|
TQE.drag(o);
|
|
};
|
|
$._showTableContext=function(b){
|
|
var i,btn,
|
|
ids=['TQEAddRowBefore','TQEAddRowAfter','TQEAddColBefore','TQEAddColAfter','TQEDeleteRow','TQEDeleteColumn','TQEDeleteTable'];
|
|
for(i=ids.length;i>=0;i--){
|
|
btn=TQE.find(ids[i])
|
|
if(btn){
|
|
btn.style.display = b ? '':'none';
|
|
}
|
|
}
|
|
};
|
|
$._popTableContext=function(){
|
|
if(!$.config.autoPopTablePanel) return;
|
|
var table,td=$.focusNode();
|
|
while(td && td.nodeName !=='TD'){
|
|
td = td.parentNode;
|
|
}
|
|
if(!td){
|
|
return $._showTableContext(0);
|
|
}
|
|
table=td.parentNode.parentNode.parentNode;
|
|
var editorPos=TQE.pos($._editorObj()),
|
|
tablePos=table.getBoundingClientRect(),
|
|
tdPos=td.getBoundingClientRect(),
|
|
btnTQEAddRowBefore=TQE.find('TQEAddRowBefore'),
|
|
btnTQEAddRowAfter=TQE.find('TQEAddRowAfter'),
|
|
btnTQEAddColBefore=TQE.find('TQEAddColBefore'),
|
|
btnTQEAddColAfter=TQE.find('TQEAddColAfter'),
|
|
btnTQEDeleteRow=TQE.find('TQEDeleteRow'),
|
|
btnTQEDeleteColumn=TQE.find('TQEDeleteColumn'),
|
|
btnTQEDeleteTable=TQE.find('TQEDeleteTable'),
|
|
d=$._getDoc().documentElement,
|
|
p1,p2;
|
|
//单元格不在可见范围内
|
|
if(tdPos.top+td.offsetHeight<0 || tdPos.left+td.offsetWidth<0 || tdPos.top>=d.clientHeight || tdPos.left>=d.clientWidth){
|
|
return $._showTableContext(0);
|
|
}
|
|
if(!btnTQEAddRowBefore){
|
|
btnTQEDeleteTable=TQE.CE('A','TQEDeleteTable','',true);
|
|
btnTQEDeleteTable.title=resStrDeleteTable;
|
|
|
|
btnTQEAddRowBefore=TQE.CE('A','TQEAddRowBefore','',true);
|
|
btnTQEAddRowAfter=TQE.CE('A','TQEAddRowAfter','',true);
|
|
btnTQEAddRowAfter.className=btnTQEAddRowBefore.className='eButtonAddRow';
|
|
btnTQEAddRowBefore.title=btnTQEAddRowAfter.title=resStrInsertRow;
|
|
|
|
btnTQEAddColBefore=TQE.CE('A','TQEAddColBefore','',true);
|
|
btnTQEAddColAfter=TQE.CE('A','TQEAddColAfter','',true);
|
|
btnTQEAddColAfter.className=btnTQEAddColBefore.className='eButtonAddCol';
|
|
btnTQEAddColBefore.title=btnTQEAddColAfter.title=resStrInsertCol;
|
|
|
|
btnTQEDeleteRow=TQE.CE('A','TQEDeleteRow','',true);
|
|
btnTQEDeleteColumn=TQE.CE('A','TQEDeleteColumn','',true);
|
|
btnTQEDeleteColumn.className=btnTQEDeleteRow.className=btnTQEDeleteTable.className='eButtonDeleteRC';
|
|
btnTQEDeleteRow.title=resStrDeleteRow;
|
|
btnTQEDeleteColumn.title=resStrDeleteCol;
|
|
|
|
TQE._noSel(btnTQEAddRowBefore);
|
|
TQE._noSel(btnTQEAddRowAfter);
|
|
TQE._noSel(btnTQEAddColBefore);
|
|
TQE._noSel(btnTQEAddColAfter);
|
|
TQE._noSel(btnTQEDeleteRow);
|
|
TQE._noSel(btnTQEDeleteColumn);
|
|
TQE._noSel(btnTQEDeleteTable);
|
|
|
|
btnTQEAddRowBefore.onclick=btnTQEAddRowAfter.onclick=btnTQEAddColBefore.onclick=btnTQEAddColAfter.onclick=btnTQEDeleteRow.onclick=btnTQEDeleteColumn.onclick=btnTQEDeleteTable.onclick=function(){
|
|
if(!this.cell) return;
|
|
var td=this.cell,
|
|
table=td.parentNode.parentNode.parentNode,
|
|
$=this.editor;
|
|
$.unselectAllCells();
|
|
switch(this.id){
|
|
case 'TQEAddRowBefore':
|
|
TQE.insertRow(td,1);
|
|
break;
|
|
case 'TQEAddRowAfter':
|
|
TQE.insertRow(td,0);
|
|
break;
|
|
case 'TQEAddColBefore':
|
|
TQE.insertCol(td,1);
|
|
break;
|
|
case 'TQEAddColAfter':
|
|
TQE.insertCol(td,0);
|
|
break;
|
|
case 'TQEDeleteRow':
|
|
TQE.deleteRow(td);
|
|
break;
|
|
case 'TQEDeleteColumn':
|
|
TQE.deleteCol(td);
|
|
break;
|
|
case 'TQEDeleteTable':
|
|
table.parentNode.removeChild(table);
|
|
break;
|
|
}
|
|
$.focus();
|
|
$._popTableContext();
|
|
};
|
|
}else{
|
|
$._showTableContext(1);
|
|
}
|
|
btnTQEAddRowBefore.cell=btnTQEAddRowAfter.cell=btnTQEAddColBefore.cell=btnTQEAddColAfter.cell=btnTQEDeleteRow.cell=btnTQEDeleteColumn.cell=btnTQEDeleteTable.cell=td;
|
|
btnTQEAddRowBefore.editor=btnTQEAddRowAfter.editor=btnTQEAddColBefore.editor=btnTQEAddColAfter.editor=btnTQEDeleteRow.editor=btnTQEDeleteColumn.editor=btnTQEDeleteTable.editor=$;
|
|
|
|
btnTQEAddRowAfter.style.left = btnTQEAddRowBefore.style.left= btnTQEDeleteRow.style.left = (Math.min(editorPos.x+$._getDoc().body.offsetWidth-12,editorPos.x+tablePos.left+table.offsetWidth))+'px';
|
|
btnTQEAddRowBefore.style.top=(editorPos.y+tdPos.top-5)+'px';
|
|
btnTQEAddRowAfter.style.top=(editorPos.y+tdPos.top+td.offsetHeight-4)+'px';
|
|
btnTQEDeleteRow.style.top=(editorPos.y+tdPos.top+ (td.offsetHeight >>> 1) -6)+'px';
|
|
|
|
btnTQEAddColAfter.style.top = btnTQEAddColBefore.style.top= btnTQEDeleteColumn.style.top = (editorPos.y + Math.max(0,tablePos.top-12))+'px';
|
|
btnTQEAddColBefore.style.left=(editorPos.x+tdPos.left-5)+'px';
|
|
btnTQEAddColAfter.style.left=(editorPos.x+tdPos.left+td.offsetWidth-5)+'px';
|
|
btnTQEDeleteColumn.style.left=(editorPos.x+tdPos.left+(td.offsetWidth>>1)-6)+'px';
|
|
|
|
p1=TQE.pos(btnTQEAddRowBefore);
|
|
p2=TQE.pos(btnTQEAddColAfter);
|
|
btnTQEDeleteTable.style.top= Math.min(p2.y,p1.y-13) + 'px';
|
|
btnTQEDeleteTable.style.left= Math.max(p2.x+10, p1.x) + 'px';
|
|
|
|
};
|
|
$.activeTable=null;
|
|
|
|
$.unselectAllCells=function(){
|
|
if(!$.activeTable) return;
|
|
try{
|
|
var table=$.activeTable,i,j;
|
|
for( i=table.rows.length-1; i>=0;i--){
|
|
for(j=table.rows[i].cells.length-1;j>=0;j--){
|
|
td=table.rows[i].cells[j];
|
|
p=TQE.pos(td);
|
|
$._selectCell(td, false );
|
|
}
|
|
}
|
|
}catch(e){}
|
|
$.activeTable=null;
|
|
};
|
|
$.selectedCells=function(){
|
|
if(!$.activeTable) return [];
|
|
try{
|
|
var table=$.activeTable,i,j,result=[];
|
|
for( i=table.rows.length-1; i>=0;i--){
|
|
for(j=table.rows[i].cells.length-1;j>=0;j--){
|
|
if(table.rows[i].cells[j].isSelected) result.push(table.rows[i].cells[j]);
|
|
}
|
|
}
|
|
}catch(e){}
|
|
return result;
|
|
};
|
|
$._selectCell=function(cell,b){
|
|
|
|
if(cell.isSelected==b) return;
|
|
cell.className=b?'selectedTD':'';
|
|
//if(b){
|
|
// var rang=document.createRange(), sel=$._getSelection();
|
|
// rang.selectNode(cell);
|
|
// sel.addRange(rang);
|
|
//}
|
|
cell.isSelected=b;
|
|
};
|
|
$._pos=function(e){
|
|
var x=0,y=0,
|
|
box = e.getBoundingClientRect(),
|
|
d=$._getDoc(),
|
|
dWin= $._editorObj().contentWindow,
|
|
dRoot= d.compatMode != "CSS1Compat" ? d.body : d.documentElement;
|
|
x = box.left - dRoot.clientLeft + (dWin.scrollX ? dWin.scrollX : dRoot.scrollLeft);
|
|
y = box.top - dRoot.clientTop + (dWin.scrollY ? dWin.scrollY : dRoot.scrollTop);
|
|
return {'x' : x, 'y' : y, left:x, top:y, width:e.offsetWidth, height:e.offsetHeight};
|
|
};
|
|
$._startSelectTd=function(e){
|
|
var x,y,oldX,oldY,
|
|
table,
|
|
d,dt,dl,
|
|
tdP,td,
|
|
startSelectCell=false,
|
|
doc = $._getDoc(),
|
|
docWin=doc.parentWindow,
|
|
dRoot= doc.compatMode != "CSS1Compat" ? doc.body : doc.documentElement,
|
|
docMM=doc.onmousemove,
|
|
docMU=doc.onmouseup,
|
|
docDS=doc.ondragstart,
|
|
rootMU=document.onmouseup;
|
|
e =$._realEvent(e);
|
|
if(e.ctrlKey || e.altKey || e.button!= isIE ? 1:0) return;
|
|
$.unselectAllCells();
|
|
td =(isIE)? e.srcElement:e.target;
|
|
while(td && td.nodeName!='BODY' && td.nodeName!='TD' ){
|
|
td=td.parentNode;
|
|
}
|
|
if(!td || td.nodeName!=='TD') return;
|
|
table=td.parentNode.parentNode.parentNode;
|
|
if(table.nodeName!=='TABLE') return;
|
|
tdP=$._pos(td);
|
|
|
|
//d = (doc.compatMode != "CSS1Compat") ? doc.body : doc.documentElement;
|
|
//dl=0;// (isIE || isOpera)? d.scrollLeft : docWin.scrollX;
|
|
//dt=0;// (isIE || isOpera)? d.scrollTop : docWin.scrollY;
|
|
oldX=isIE ? e.clientX + (docWin.scrollX ? docWin.scrollX : dRoot.scrollLeft) : e.pageX;
|
|
oldY=isIE ? e.clientY + (docWin.scrollY ? docWin.scrollY : dRoot.scrollTop) : e.pageY;
|
|
|
|
doc.onmousemove=function(docEvent){
|
|
var x,y,dl,dt,i,j,x1,x2,y1,y2,p,cell,sel;
|
|
//dl= (isIE || isOpera)? d.scrollLeft : docWin.scrollX;
|
|
//dt= (isIE || isOpera)? d.scrollTop : docWin.scrollY;
|
|
if(isIE){
|
|
docEvent=this.parentWindow.event;
|
|
x=docEvent.clientX + (docWin.scrollX ? docWin.scrollX : dRoot.scrollLeft);
|
|
y=docEvent.clientY + (docWin.scrollY ? docWin.scrollY : dRoot.scrollTop);
|
|
}else{
|
|
x=docEvent.pageX;
|
|
y=docEvent.pageY;
|
|
}
|
|
|
|
if(!startSelectCell && (x<tdP.x || x>tdP.x+tdP.width || y<tdP.y || y>tdP.y+tdP.height)){
|
|
startSelectCell=true;
|
|
$.activeTable=table;
|
|
}
|
|
if(! startSelectCell) return;
|
|
|
|
sel= $._getSelection()
|
|
if(sel.empty) sel.empty(); //ie6,7,8
|
|
else if(sel.removeAllRanges) sel.removeAllRanges();
|
|
|
|
x1=Math.min(oldX,x);
|
|
x2=Math.max(oldX,x);
|
|
y1=Math.min(oldY,y);
|
|
y2=Math.max(oldY,y);
|
|
for(i=table.rows.length-1; i>=0;i--){
|
|
for(j=table.rows[i].cells.length-1;j>=0;j--){
|
|
cell=table.rows[i].cells[j];
|
|
p=$._pos(cell);
|
|
$._selectCell(cell, p.x<=x2 && p.y<=y2 && p.x+p.width>=x1 && p.y+p.height>y1 );
|
|
}
|
|
}
|
|
};
|
|
|
|
doc.ondragstart=doc.onmouseup=document.onmouseup=function(){
|
|
doc.onmousemove=docMM;
|
|
doc.ondragstart=docDS,
|
|
document.onmouseup=rootMU;
|
|
startSelectCell=false;
|
|
//return;
|
|
//var i,cells = $.selectedCells(),
|
|
// rang,
|
|
// sel=$._getSelection();
|
|
//if(startSelectCell){
|
|
// if(sel.removeAllRanges) sel.removeAllRanges();
|
|
// else if(sel.clear) sel.clear(); //ie6,7,8
|
|
//}
|
|
//for(i=cells.length-1;i>=0;i--){
|
|
// rang=document.createRange();
|
|
// rang.selectNode(cells[i]);
|
|
// sel.addRange(rang);
|
|
//}
|
|
//sel.selectAllChildren();
|
|
|
|
};
|
|
};
|
|
//判断是否可以合并选中的单元格
|
|
$.canMergeSelectedCells=function(){
|
|
if(!$.activeTable) return false;
|
|
var table=$.activeTable, i,j, l,t,r,b, p,cell,count=0,cells = $.selectedCells();
|
|
if(cells.length<2) return false;
|
|
TQE.updateCellsStatus(table);
|
|
l=cells[0].colStart;
|
|
r=cells[0].colEnd;
|
|
t=cells[0].rowStart;
|
|
b=cells[0].rowEnd;
|
|
for(i=cells.length-1;i>0;i--){
|
|
l=Math.min(l,cells[i].colStart);
|
|
t=Math.min(t,cells[i].rowStart);
|
|
r=Math.max(r,cells[i].colEnd);
|
|
b=Math.max(b,cells[i].rowEnd);
|
|
}
|
|
|
|
for(i=Math.min(b,table.rows.length-1); i>=0;i--){
|
|
for(j=table.rows[i].cells.length-1;j>=0;j--){
|
|
cell=table.rows[i].cells[j];
|
|
if(!cell.isSelected && cell.colStart<=r && cell.colEnd>=l && cell.rowStart<=b && cell.rowEnd>=t){
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
|
|
return true;
|
|
|
|
};
|
|
//合并选中的单元格
|
|
$.mergeSelectedCells=function(){
|
|
if(! $.canMergeSelectedCells() ) return false;
|
|
|
|
var table=$.activeTable,i,j,l,t,p, s='', firstCell=null, rowSpan=1,colSpan=1,cell;
|
|
for( i=0; i<table.rows.length;i++){
|
|
for(j=0;j<table.rows[i].cells.length;j++){
|
|
if(table.rows[i].cells[j].isSelected){
|
|
cell=table.rows[i].cells[j];
|
|
s += cell.innerHTML;
|
|
p=TQE.pos(cell);
|
|
if(firstCell===null){
|
|
firstCell=cell;
|
|
l=p.x;
|
|
t=p.y;
|
|
rowSpan=firstCell.rowSpan;
|
|
colSpan=firstCell.colSpan;
|
|
}else{
|
|
if(p.y===t) colSpan+= cell.colSpan;
|
|
else if(p.x===l) rowSpan+=cell.rowSpan;
|
|
cell.innerHTML='';
|
|
//cell.parentNode.removeChild(cell);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
firstCell.innerHTML=s.replace(/( |<br\s*\/?>)+$/,'$1');
|
|
firstCell.rowSpan=rowSpan;
|
|
firstCell.colSpan=colSpan;
|
|
for(i=table.rows.length-1; i>=0;i--){
|
|
p=table.rows[i];
|
|
for(j=p.cells.length-1;j>=0;j--){
|
|
if(p.cells[j].isSelected){
|
|
cell= p.cells[j];
|
|
if(cell!=firstCell){
|
|
p.removeChild(cell);
|
|
}
|
|
}
|
|
}
|
|
if(p.cells.length<1)table.deleteRow(i);
|
|
}
|
|
TQE.updateCellsStatus(table);
|
|
};
|
|
$.splitCell=function(cell){
|
|
if(!cell || cell.rowSpan<2 && cell.colSpan<2) return true;
|
|
var table=cell.parentNode.parentNode.parentNode, i,j,k, row, td;
|
|
TQE.updateCellsStatus(table);
|
|
for(i=cell.rowStart;i<=cell.rowEnd;i++){
|
|
row=table.rows[i];
|
|
for(j=0;j<row.cells.length;j++){
|
|
if(row.cells[j].colStart>cell.colEnd){
|
|
break;
|
|
}
|
|
}
|
|
k = cell.colSpan;
|
|
if(i==cell.rowStart) k--;
|
|
while( 0 < k-- ){
|
|
td=row.insertCell(j);
|
|
$._selectCell(td,cell.isSelected);
|
|
td.style.backgroundColor=cell.style.backgroundColor;
|
|
}
|
|
}
|
|
cell.rowSpan=1;
|
|
cell.colSpan=1;
|
|
|
|
};
|
|
$._changed=function(){
|
|
$._autoSave(1);
|
|
$._showTableContext(false);
|
|
var o;
|
|
if('visual'===$.currentMode()){
|
|
$._keepBookmark();
|
|
$._hook();
|
|
|
|
//if($.config.autoClean) doc.body.onpaste=function(){setTimeout($.cleanWord,200);};
|
|
o=$._editorObj().contentWindow;
|
|
TQE.addListener(o,'resize',$._popTableContext);
|
|
if(isIE6){
|
|
o=o.document.body;//晕,ie6里iframe 不能触发 onfocus 与 onblur 事件
|
|
}
|
|
}else{
|
|
o= $._editorObj();
|
|
TQE.addListener(o,'mouseup',TQE.hidePop);
|
|
o.onkeydown=function(e){return $._call('keydown',e);}
|
|
o.onkeyup=function(e){return $._call('keyup',e);}
|
|
}
|
|
|
|
//绑定事件
|
|
o.onfocus=function(e){
|
|
$.hasFocus=true;
|
|
if($.obj.onfocus) $.obj.onfocus();
|
|
$._call('focus',e);
|
|
};
|
|
o.onblur=function(e){
|
|
$.hasFocus=false;
|
|
if($.obj.onblur) $.obj.onblur();
|
|
$._call('blur',e);
|
|
};
|
|
};
|
|
$._realEvent=function(e){
|
|
if(isIE) e = 'code'===$.currentMode() ? window.event : $._editorObj().contentWindow.event;
|
|
return e;
|
|
};
|
|
$._call=function(eventName,e){
|
|
var handler = $.config['on'+eventName];
|
|
if('function'===typeof handler) return handler.call($,$._realEvent(e));
|
|
};
|
|
//mode 可选值[code|visual]
|
|
$.changeMode=function(mode){//更改编辑方式,空值时自动转另一种方式
|
|
var old=$.currentMode();
|
|
if(old===mode) return;
|
|
if(!mode){
|
|
mode = ('code'!=old) ? 'code' : 'visual';
|
|
}
|
|
if(mode==old) return;
|
|
$.hasFocus=false;
|
|
var eo=$._editorObj(), h=eo.offsetHeight, editorHtm, visualMode='visual'===mode;
|
|
if('code'===mode){
|
|
$.unselectAllCells();
|
|
h-=4;
|
|
editorHtm='<table width=100% border=0 cellpadding=0 cellspacing=0><tr><td width=2 style="padding:0"></td><td style="padding:0"><textarea id="'+$.objId+'_Editor" wrap="hard" style="height:'+h+'px"></textarea></td></tr></table>';
|
|
}
|
|
else if(visualMode){
|
|
editorHtm='<IFRAME id="'+$.objId+'_Editor" frameborder=0 marginheight=0 marginwidth=0 style="height:'+h+'px" ></IFRAME>';
|
|
}else{
|
|
return;
|
|
}
|
|
$._autoSave(0);
|
|
TQE._hideContext();
|
|
|
|
var code = $.content();
|
|
document.body.appendChild($._clientDiv); //专用来修改IE6,7,8里编辑器直接父节点是P的bug。 即 <p><textarea id="forEditor"></textarea>
|
|
$._clientDiv.innerHTML=editorHtm;
|
|
$._containerDiv.insertBefore($._clientDiv,$._containerDiv.lastChild);
|
|
//$._clientDiv.insertAdjacentHTML('beforeEnd',editorHtm)
|
|
$._initContent(code);
|
|
//$._setHeight(visualMode? h: h-4);
|
|
|
|
//var btn=$._button('mode');
|
|
//if(btn) btn.id = visualMode?'eBTNmode':'eBTNmode-reset';
|
|
$._updateToolbar(visualMode,['toolbarmode','mode','fullscreen','help'], true);
|
|
};
|
|
//自动排版
|
|
$.typeset=function(){
|
|
if('visual'!=$.currentMode()) return;
|
|
$._showTableContext(0);
|
|
var d = $._getDoc(),e,es,s,div,ep,fw;
|
|
//删除不必要的空格,将DIV转为P
|
|
s=d.body.innerHTML;
|
|
s=s.replace(/ /gi,' ').replace(/>\s+</gm,'> <').replace(/ +/gi,' ').replace(/<div/gi,'<p').replace(/<\/div/gi,'</p');
|
|
d.body.innerHTML=s;
|
|
//删除CENTER
|
|
es=TQE._tags(d,'CENTER');
|
|
for(i=es.length-1;i>=0;i--){
|
|
TQE.removeNode(es[i],false);
|
|
}
|
|
//删除不必要的SPAN
|
|
es=TQE._tags(d,'SPAN');
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
fw= e.style.fontWeight,c=e.style.color;
|
|
if(''===e.innerHTML.replace(/<[a-z\/][^>]*>/gi,'') || ( fw=='' && c=='')){
|
|
TQE.removeNode(e,false);
|
|
continue;
|
|
}
|
|
e.removeAttribute('style');
|
|
e.className=''
|
|
e.removeAttribute('class');
|
|
e.style.fontWeight=fw;
|
|
e.style.color=c;
|
|
}
|
|
//清理分页符
|
|
es=TQE._tags(d,'H3');
|
|
for(i=es.length-1;i>=0;i--){
|
|
if(es[i].className === 'splitPage') es[i].innerHTML=es[i].innerHTML.replace(/<\/?[a-zA-z][^>]*>/g,'');
|
|
}
|
|
//清理段落
|
|
es=TQE._tags(d,'P');
|
|
var emtpyReg=/^( | ){3,}/
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
if(''==e.innerHTML.replace(/<[a-z\/][^>]*>/gi,'').replace( /( |\n|\r|\t| )/gi, '')){//删除空白的段落
|
|
TQE.removeNode(e,false);
|
|
continue;
|
|
}
|
|
e.removeAttribute('style');
|
|
e.className=''
|
|
e.removeAttribute('class');
|
|
if(emtpyReg.test(e.innerHTML)){
|
|
e.align='center';
|
|
}else{
|
|
e.removeAttribute('align');
|
|
e.style.textIndent=$.config.typesetIndentParagraph ? '2em':'';
|
|
}
|
|
}
|
|
//清理链接
|
|
es=TQE._tags(d,'A');
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
if(''==e.innerHTML.replace(/<[a-z\/][^>]*>/gi,'').replace( /( |\n|\r|\t| )/gi, '')){//删除空白的链接
|
|
TQE.removeNode(e,false);
|
|
continue;
|
|
}
|
|
e.removeAttribute('style');
|
|
e.className=''
|
|
e.removeAttribute('class');
|
|
}
|
|
var isEmptyNode=function(node){
|
|
var nn=node.nodeName, emptyReg=/^( |\n|\r|\t| )*$/gi;
|
|
if(nn==='#text') return emptyReg.test(node.nodeValue)
|
|
return 'BR'===nn || 'IMG'!==nn && ''==node.innerHTML.replace(/<[a-z\/][^>]*>/gi,'').replace(/(\s| )/gmi,'');
|
|
},
|
|
//排版图片下方的文字
|
|
centerImageText=function(node){
|
|
var ne,s;
|
|
while(node && node.tagName!='BODY'){
|
|
ne = node;
|
|
while(ne = ne.nextSibling){
|
|
if(isEmptyNode(ne)) continue;
|
|
if(ne.nodeName==='#text'){
|
|
div = TQE.CE('CENTER','',ne.nodeValue);
|
|
//div.style.textAlign='center';
|
|
node.parentNode.insertBefore(div,ne);
|
|
TQE.removeNode(ne,true);
|
|
return ;
|
|
}else{
|
|
if(ne.tagName=='CENTER') return;
|
|
if(ne.tagName=='P') ne.align='center';
|
|
else ne.style.textAlign='center';
|
|
return ;
|
|
}
|
|
}
|
|
node=node.parentNode;
|
|
}
|
|
};
|
|
//排版图片
|
|
es=TQE._tags(d,'IMG');
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
if(e.getAttribute('emot')) continue;//表情
|
|
if($.config.typesetImageTextCenter)centerImageText(e);
|
|
e.removeAttribute('style');
|
|
e.border= $.config.typesetImageBorder ? '1':'0';
|
|
e.style.margin='5px';
|
|
//e.style.margin='5px auto';
|
|
//e.style.display='block';
|
|
|
|
ep=e.parentNode;
|
|
if(ep.tagName=='A' && ep.firstChild==ep.lastChild){
|
|
e=ep;
|
|
ep=ep.parentNode;
|
|
}
|
|
if(ep.tagName=='P' && ep.align=='center' || ep.tagName=='CENTER' || ep.style.textAlign=='center') continue;
|
|
div = TQE.CE('CENTER');
|
|
ep.insertBefore(div, e);
|
|
div.appendChild(e);
|
|
}
|
|
//排版视频,flash等
|
|
es=TQE._tags(d,'OBJECT');
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
if($.config.typesetImageTextCenter)centerImageText(e);
|
|
|
|
ep=e.parentNode;
|
|
if(ep.tagName=='P' && ep.align=='center' || ep.tagName=='CENTER' || ep.style.textAlign=='center') continue;
|
|
div = TQE.CE('CENTER');
|
|
ep.insertBefore(div, e);
|
|
div.appendChild(e);
|
|
}
|
|
//排版视频,flash等
|
|
es=TQE._tags(d,'EMBED');
|
|
for(i=es.length-1;i>=0;i--){
|
|
e=es[i];
|
|
if('OBJECT'===e.parentNode.tagName) continue;
|
|
if($.config.typesetImageTextCenter) centerImageText(e);
|
|
|
|
ep=e.parentNode;
|
|
if(ep.tagName=='P' && ep.align=='center' || ep.tagName=='CENTER' || ep.style.textAlign=='center') continue;
|
|
div = TQE.CE('CENTER');
|
|
ep.insertBefore(div, e);
|
|
div.appendChild(e);
|
|
}
|
|
$.cleanWord(true);
|
|
};
|
|
//force 布尔值
|
|
$.cleanWord=function(force){
|
|
if('visual'!=$.currentMode()) return;
|
|
var d = $._getDoc(),s;
|
|
if(!force){
|
|
s= d.body.innerHTML;
|
|
if(s.indexOf('mso') <0 && s.search(/[a-z]+:[a-z0-9]+="[^\"]*"/ig)<0) return;
|
|
}
|
|
var cleanTag=function(tags, removeOnEmptyStyle){
|
|
for(var e,es,s,j,i=tags.length-1; i>=0; i--){
|
|
es=TQE._tags(d,tags[i]);
|
|
for(j=es.length-1;j>=0;j--){
|
|
e=es[j];
|
|
e.removeAttribute('lang');
|
|
s = e.getAttribute('style');
|
|
if(null==s && removeOnEmptyStyle){
|
|
TQE.removeNode(e,false);
|
|
continue;
|
|
}
|
|
if(typeof s =='string' && s.indexOf('mso-')>=0){
|
|
s+=';';
|
|
s=s.replace(/mso\-[^;]+?;/gi,'').replace(/FONT\-FAMILY[^;]+?;/gi,'').replace(/\s+/g,' ').replace(/MARGIN\: 0cm 0cm 0pt;/gi,'').replace(/tab\-stops\:[^;]+?;/gi,'');
|
|
if(''==s || ' '==s){
|
|
if(removeOnEmptyStyle){
|
|
TQE.removeNode(e,false);
|
|
continue;
|
|
}
|
|
e.removeAttribute('style');
|
|
}else{
|
|
e.setAttribute('style',s);
|
|
}
|
|
}
|
|
s = e.getAttribute('class');
|
|
if(null!=s){
|
|
s=s.replace(/mso[a-z\-]+\s*/gi,'').replace(/^xl[0-9]+$/i,'');
|
|
if(''==s){
|
|
e.removeAttribute('class');
|
|
}else{
|
|
e.setAttribute('class',s);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
removeEmtpyTags=function(tags){
|
|
for(var e,es,s,j,i=tags.length-1; i>=0; i--){
|
|
es=TQE._tags(d,tags[i]);
|
|
for(j=es.length-1;j>=0;j--){
|
|
e=es[j];
|
|
if(e.innerHTML=='')TQE.removeNode(e,false);
|
|
}
|
|
}
|
|
};
|
|
cleanTag(['SPAN'],true);
|
|
cleanTag(['P','B','I','U','TD','TR','TABLE','DIV','COL','FONT'],false);
|
|
//.replace(/<([a-z][a-z0-9]*)[^>]*>\s*<\/\1>/gi,'') ,'FONT'
|
|
d.body.innerHTML=d.body.innerHTML.replace(/<o:[a-z0-9_]+[^>]*>/gi,'').replace(/<\/o:[a-z0-9_]+>/gi,'').replace(/<\?xml.+?\/>/gi,'').replace(/(<[a-z]+[^>]+>)/ig,function(m,p1){if(p1.indexOf(':')>0){ p1=p1.replace(/[a-z]+:[a-z0-9]+="[^\"]*"/ig,''); }return p1; });
|
|
cleanTag(['SPAN'],true);
|
|
removeEmtpyTags(['SPAN','FONT','B','U','I','STRONG','EM']);
|
|
$.save();
|
|
};
|
|
// 设置编辑器宽度,值大于1时,单位像, 小于1时是 百分比, 如 0.5表示50%
|
|
// 参数必须是0-1之间的小数或大于1的整数
|
|
$.setWidth=function(value){
|
|
if(value>1){
|
|
$.config.width=value+'px';
|
|
}else{
|
|
$.config.width=(value*100)+'%';
|
|
|
|
}
|
|
$._containerDiv.style.width= $.config.width;
|
|
};
|
|
//设置编辑器高度,单位像素
|
|
$.setHeight=function(value){
|
|
if(value<9) value=9;
|
|
$.config.height=value;
|
|
$._setHeight(value);
|
|
};
|
|
$._setHeight=function(value){
|
|
if(value<2)value=2;
|
|
$._editorObj().style.height= value+'px';
|
|
if('visual'==$.currentMode()){
|
|
value-=6;
|
|
if(value<2) value=2;
|
|
$._getDoc().body.style.minHeight=value+'px';
|
|
if(isIE6)$._getDoc().body.style.height=value+'px';
|
|
}
|
|
};
|
|
$._fixFull=function(){
|
|
var d=TQE._doc(),e=$._containerDiv, h;
|
|
e.style.zIndex='10000';
|
|
e.style.width=(d.clientWidth-2) + 'px';
|
|
e.style.top = TQE._docST()+'px';
|
|
e.style.left = TQE._docSL()+'px';
|
|
h = d.clientHeight-$._toolbarDiv.offsetHeight
|
|
$._setHeight(h- ('visual'==$.currentMode()?2:6));
|
|
//e.scrollIntoView();
|
|
//return;
|
|
//e=$._editorObj();
|
|
//if('visual'==$.currentMode()){
|
|
// $.setHeight(h-2);
|
|
// e.style.height= h-2 + 'px';
|
|
// d = $._getDoc();
|
|
// if(d.body){
|
|
// h-=6;
|
|
// if(h<2)h=2;
|
|
// d.body.style.minHeight=h+'px';
|
|
// if(isIE6)d.body.style.height=h+'px';
|
|
// }
|
|
// //e.style.width='';
|
|
//}else{
|
|
// //e.style.width=(d.clientWidth-6)+'px';
|
|
// e.style.height= h-7 + 'px';
|
|
//}
|
|
};
|
|
$._button=function(name){
|
|
//var btns = TQE._tags($._toolbarDiv,'LI'),i;
|
|
var btns = TQE._tags($._toolbarDiv,'A'),i;
|
|
for(i=btns.length-1;i>=0;i--){
|
|
if(name==btns[i].getAttribute('name') ) {//
|
|
return btns[i];
|
|
}
|
|
}
|
|
return null;
|
|
};
|
|
$.changeToolbarMode=function(advMode,force){
|
|
var e=$._toolbarDiv,btns,i,hOld=e.offsetHeight;
|
|
if(advMode===undefined || null===advMode){
|
|
advMode = (e.className=='eToolBar')?true:false;
|
|
}else if(force===undefined || !force){
|
|
if(advMode == (e.className!='eToolBar')) return;
|
|
}
|
|
if(advMode){
|
|
e.className='eToolBar eLargeIcons';
|
|
document.body.appendChild(e); //专用来修改IE6,7,8里编辑器直接父节点是P的bug。 即 <p><textarea id="forEditor"></textarea>
|
|
e.innerHTML=$._toobarCode($.config.advToolbar, $.config.advToolbarRight);
|
|
}else{ //toolbar common mode
|
|
e.className='eToolBar';
|
|
document.body.appendChild(e); //专用来修改IE6,7,8里编辑器直接父节点是P的bug。 即 <p><textarea id="forEditor"></textarea>
|
|
e.innerHTML=$._toobarCode($.config.toolbar, $.config.toolbarRight);
|
|
}
|
|
$._containerDiv.insertBefore(e,$._containerDiv.firstChild);//专用来修改IE6,7,8里编辑器直接父节点是P的bug。 即 <p><textarea id="forEditor"></textarea>
|
|
//if(isIE6 || isIE && (document.documentMode==7 || document.compatMode != "CSS1Compat")){//IE6或兼容视图或怪异模式
|
|
if( isIE && IEVersion<9){//ie6,7,8
|
|
//var groups = TQE._tags(e,'UL'),w;
|
|
var groups = TQE._tags(e,'SPAN'),w=0,j=0;
|
|
for(i=groups.length-1;i>=0;i--){
|
|
groups[i].style.width=groups[i].offsetWidth+2+'px';
|
|
//if(isIE6) break;
|
|
btns = TQE._tags(groups[i],'A');
|
|
w=0;
|
|
for(j=btns.length-1;j>=0;j--){
|
|
if(btns[j].offsetLeft+btns[j].offsetWidth > w) w= btns[j].offsetLeft+btns[j].offsetWidth;
|
|
}
|
|
w-=groups[i].offsetLeft-2;
|
|
if(w>0)groups[i].style.width=w+'px';
|
|
/*continue;
|
|
w=3;
|
|
btns=groups[i].childNodes;
|
|
for(j=btns.length-1;j>=0;j--){w += btns[j].offsetWidth;}
|
|
groups[i].style.minWidth=w+'px';
|
|
*/
|
|
}
|
|
}
|
|
if(hOld){
|
|
$.setHeight($.config.height+hOld-e.offsetHeight);
|
|
if($._containerDiv.style.position=='absolute')$._fixFull();
|
|
}
|
|
TQE._noSel(e);
|
|
|
|
if($.config.showToolbarGroupHandle){
|
|
var w = e.getElementsByTagName('DIV')[0].offsetWidth;
|
|
e.style.marginLeft="-"+w+"px";
|
|
}
|
|
|
|
//btns = TQE._tags(e,'LI');
|
|
btns = TQE._tags(e,'A');
|
|
for(i=btns.length-1;i>=0;i--){
|
|
//$._ieMouseStyle(btns[i],'eButton','eButtonUp','eButtonDown'); //ie6
|
|
TQE.addListener(btns[i],'click', $._toolbarBottonClick);
|
|
TQE.addListener(btns[i],'mouseout', function(){
|
|
var o=TQE.activePop;
|
|
this.className= (o && o.relateObj==this)? 'eButtonDropDown':'eButton';
|
|
});
|
|
}
|
|
$._updateToolbar('visual'===$.currentMode(),['toolbarmode','mode','fullscreen','help'], true);
|
|
};
|
|
$.fullScreen=function(b){
|
|
var e=$._containerDiv,isVisualMode = 'visual'===$.currentMode(),o,btn;
|
|
if(b===undefined || null===b){
|
|
b = (e.style.position!='absolute');
|
|
}else{
|
|
if(b == (e.style.position=='absolute'))return;
|
|
}
|
|
//移动IFrame会导致内容丢失, 所以要转为代码模式
|
|
if(isVisualMode){
|
|
$.changeMode('code');
|
|
}
|
|
if(b){
|
|
//$.tl=[TQE._docST(),TQE._docSL()];
|
|
document.body.parentNode.style.overflow = 'hidden';
|
|
//e.parentNode.removeChild(e);
|
|
document.body.appendChild(e);
|
|
if(isVisualMode){
|
|
if(isGecko){//算是Firefox的bug吗?
|
|
window.setTimeout(function(){$.changeMode('visual');},1);
|
|
}else{
|
|
$.changeMode('visual');
|
|
}
|
|
}
|
|
e.style.position='absolute';
|
|
e.style.top = '0px';
|
|
$._fixFull();
|
|
TQE.addListener(window,'resize',$._fixFull);
|
|
|
|
}else{
|
|
//TQE._docST($.tl[0]);
|
|
//TQE._docSL($.tl[1]);
|
|
|
|
document.body.parentNode.style.overflow = 'auto';
|
|
TQE.delListener(window,'resize',$._fixFull);
|
|
e.style.position='';
|
|
e.style.width=$.config.width;
|
|
|
|
o=$._editorObj();
|
|
o.style.height=$.config.height+'px';
|
|
//e.parentNode.removeChild(e);
|
|
$.obj.parentNode.insertBefore(e,$.obj);
|
|
if(isVisualMode){
|
|
$.changeMode('visual');
|
|
}
|
|
e.scrollIntoView(false);
|
|
}
|
|
|
|
//更新全屏按钮图标
|
|
btn=$._button('fullscreen');
|
|
if(btn){
|
|
btn.id = b ? 'eBTNfullscreen-reset' : 'eBTNfullscreen';
|
|
}
|
|
};
|
|
$.setContent=function(code){
|
|
//code = ('code'==$.currentMode())? changeAsUbb(code): changeAsHtml(code);
|
|
if('code'===$.currentMode()){
|
|
$._editorObj().value=code;
|
|
}else{
|
|
if('function'===typeof $.config.onsetcontent) code=$.config.onsetcontent.call($,code);
|
|
$._getDoc().body.innerHTML=code;
|
|
}
|
|
$.save();
|
|
};
|
|
$._initContent=function(code){
|
|
if('code'!==$.currentMode()){
|
|
if((isGecko || isOpera) && '<br>'==code.substring(0,4)){
|
|
code=code.substr(4); // 怪怪的Firefox
|
|
}
|
|
if(isGecko) code = code.replace(/<td([^>]*)>\s*<\/td/ig, '<td$1 ><br></td');
|
|
var s= isIE6 ?'':'<!DOCTYPE html>',
|
|
d = $._getDoc(),
|
|
h;
|
|
s+='<html><head><style>\nbody{border:none;height:100%;margin:0;padding:2px;overflow:auto;';//
|
|
if($.config.bgColor || $.config.textColor){
|
|
if($.config.bgColor) s+='background-color:'+$.config.bgColor+';';
|
|
if($.config.textColor) s+='color:'+$.config.textColor+';';
|
|
}
|
|
s +='}\nimg{cursor:default;}\n.selectedTD{background:#3399ff !important;}\n.splitPage{display:block;width:98%;!important;border-top:#999 1px solid;border-bottom:#999 1px solid;background:#FFFFFF; color:#000000;font-weight:bold;text-align:center;margin:30px auto 5;padding-top:30px;clear:both;}\n.splitPage:before{content:"'+resStrPageTitlePre+'";}';
|
|
if ($.config.cssCode) {
|
|
s += $.config.cssCode
|
|
}
|
|
s +='</style>\n';
|
|
if($.config.baseHref!=''){
|
|
s +='<base href="'+$.config.baseHref+'" />';
|
|
}
|
|
if ($.config.css) {
|
|
s += '<link href="' +$.config.css+ '" rel="stylesheet" type="text/css">\n';
|
|
}
|
|
s+='</head><body contenteditable="true" ></body></html>';// '+ code+'
|
|
d.open();
|
|
d.write(s);
|
|
d.close();
|
|
h=Math.max(20,$._editorObj().offsetHeight-6);
|
|
if(d.body){
|
|
d.body.style.minHeight=h+'px';
|
|
if(isIE6)d.body.style.height=h+'px';
|
|
}
|
|
}
|
|
$.setContent(code);
|
|
$._changed();
|
|
};
|
|
$.setOpacity=function(e, opacity) {
|
|
if (isIE) {// && IEVersion<9
|
|
e.style.filter = (opacity == 100) ? '' : 'gray() alpha(opacity=' + opacity + ')';
|
|
} else {
|
|
e.style.opacity = (opacity == 100) ? '' : opacity/100;
|
|
}
|
|
};
|
|
$.inArray=function(e,arr){
|
|
for(var i=arr.length-1;i>=0;i--) if(e==arr[i]) return true;
|
|
return false;
|
|
};
|
|
$.content=function(){
|
|
var m=$.currentMode(), cells,i,code;
|
|
if('visual'===m){
|
|
cells = $.selectedCells();
|
|
for(i=cells.length-1;i>=0;i--){
|
|
cells[i].className='';
|
|
}
|
|
code= $._getDoc().body.innerHTML;
|
|
for(i=cells.length-1;i>=0;i--){
|
|
cells[i].className='selectedTD';
|
|
}
|
|
if((isGecko || isOpera) && '<br>'==code.substring(0,4)) code=code.substr(4);//怪怪的Firefox
|
|
if(''==code.replace(/<\/?(div|p|font|b|s|u|i|strong|em|strike)(?![a-z0-9])[^>]*>| |\s/ig , '')) code= '';
|
|
if('function'===typeof $.config.ongetcontent) code=$.config.ongetcontent.call($,code);
|
|
else code=TQE.formatHTML(code);
|
|
}else{
|
|
code= $._editorObj().value;
|
|
}
|
|
return code;
|
|
};
|
|
$._autoSave=function(b){
|
|
var e = $._editorObj(), func = b? TQE.addListener : TQE.delListener;
|
|
if (isIE ){
|
|
func(e,'beforedeactivate',$.save);
|
|
}else if('code'==$.currentMode()){
|
|
func(e,'blur',$.save);
|
|
}else{
|
|
func(e.contentWindow,'blur',$.save);
|
|
}
|
|
};
|
|
$.save=function(){
|
|
$.obj.value=$.content();
|
|
};
|
|
$._intEdit=function(obj){
|
|
if(obj.isIniEdit)return;
|
|
obj.isIniEdit=true;
|
|
obj.style.imeMode='disabled';
|
|
obj.onkeypress=function(){
|
|
if(45==event.keyCode){
|
|
this.value = ('-'==this.value.charAt(0))? this.value.substr(1) : '-'+this.value;
|
|
return false;
|
|
}
|
|
return event.keyCode>=48&&event.keyCode<=57;
|
|
};
|
|
obj.onpaste=function(){return !clipboardData.getData('text').match(/\D/);};
|
|
obj.ondragenter=function(){return ! /\D/.test(event.dataTransfer.getData('text'));};
|
|
obj.oldBlur=obj.onblur;
|
|
obj.onblur=function(){
|
|
if(''==this.value) return;
|
|
this.value=parseInt(this.value,10);
|
|
var max = this.getAttribute('max'),
|
|
min = this.getAttribute('min');
|
|
if(max!==undefined && parseInt(this.value,10)>parseInt(max,10))this.value=parseInt(max,10);
|
|
if(min!=undefined && parseInt(this.value,10)<parseInt(min,10))this.value=parseInt(min,10);
|
|
if(this.oldBlur)this.oldBlur();
|
|
};
|
|
};
|
|
//------------执行初始化
|
|
if(isIE6 || isIE && (document.documentMode==7 || document.compatMode != "CSS1Compat")){//IE6或兼容视图或怪异模式
|
|
var _topTableNode=function(node){
|
|
var reault=null;
|
|
while(node){
|
|
if(node.tagName=='TABLE'){
|
|
reault=node;
|
|
}
|
|
node = node.parentNode;
|
|
}
|
|
return reault;
|
|
},
|
|
t = _topTableNode(document.scripts(document.scripts.length-1));
|
|
if(t && _topTableNode(TQE.find(objId))===t ){
|
|
window.setTimeout($.init,20);
|
|
}else{
|
|
$.init();
|
|
}
|
|
}else{
|
|
$.init();
|
|
}
|
|
};
|
|
TQE.url='./';//编辑器相关资源网址
|
|
TQE.version = version; //编辑器版本
|
|
//-- init TQE resources
|
|
if(TQE.url==='./'){
|
|
var scripts = document.scripts || document.getElementsByTagName('SCRIPT'), //firefox
|
|
tqJSUrl = scripts[scripts.length-1].getAttribute('src'),
|
|
skinFind= /[\?&]skin=([a-z0-9_A-Z]+)/.exec(tqJSUrl),
|
|
l=window.location,
|
|
urlHost=l.protocol+'//'+l.host + (l.port?':'+l.port:'')+'/',
|
|
skinUrl='';
|
|
tqJSUrl=tqJSUrl.split('?')[0];
|
|
TQE.url = tqJSUrl.substring(0,tqJSUrl.lastIndexOf('/'));
|
|
if(''==TQE.url) TQE.url='./';
|
|
else TQE.url +='/';
|
|
if(TQE.url.indexOf(urlHost)===0) TQE.url=TQE.url.substring(urlHost.length-1, TQE.url.length);
|
|
document.write('<link href="'+TQE.url+(skinFind ? 'skin/'+skinFind[1]+'/':'')+'TQEditor.css" id="TQEditorSkinCSS" rel="stylesheet" type="text/css" />');
|
|
if(isIE && document.compatMode != "CSS1Compat"){
|
|
document.write('<link href="'+TQE.url+'QuirksMode.css" id="TQEditorQuirksMode" rel="stylesheet" type="text/css" />');
|
|
}
|
|
}
|
|
//配置
|
|
TQE.config={
|
|
"paragraphs" : [
|
|
["正文", "p"],
|
|
["标题1", "h1"],
|
|
["标题2", "h2"],
|
|
["标题3", "h3"],
|
|
["标题4", "h4"],
|
|
["标题5", "h5"],
|
|
["标题6", "h6"],
|
|
["预定义", "pre"]
|
|
],
|
|
"fontnames" : [
|
|
["宋体", "宋体"],
|
|
["新宋体", "新宋体"],
|
|
["仿宋_GB2312", "仿宋_GB2312"],
|
|
["黑体", "黑体"],
|
|
["微软雅黑", "微软雅黑"],
|
|
["楷体_GB2312", "楷体_GB2312"],
|
|
["Arial", "arial, helvetica, sans-serif"],
|
|
["Courier New", "courier new, courier, mono"],
|
|
["Georgia", "Georgia, Times New Roman, Times, Serif"],
|
|
["Tahoma", "Tahoma, Arial, Helvetica, sans-serif"],
|
|
["Times New Roman", "times new roman, times, serif"]
|
|
],
|
|
"fontsizes": [
|
|
//[text,preview, value]
|
|
["特小","xx-small", 1],
|
|
["较小","x-small", 2],
|
|
["小", "small", 3],
|
|
["中", "medium", 4],
|
|
["大", "large", 5],
|
|
["较大","x-large", 6],
|
|
["特大","xx-large", 7]
|
|
],
|
|
"toolbar":'default',
|
|
"toolbarRight":[],
|
|
"advToolbar":['paragraph','fontname','fontsize','br','bold','italic','underline','strikethrough','forecolor','backcolor','removeformat','typeset',
|
|
'||','justifyleft','justifycenter','justifyright','justifynone',['superscript','subscript'],'br','orderedlist','unorderedlist','indent','outdent',
|
|
'||','inserthorizontalrule','splitpage','cleanword','br','createlink','unlink','inserttable',
|
|
'||','insertface','insertimage','insertmusic','insertflash','insertvideo'],
|
|
"advToolbarRight":['toolbarmode','br','fullscreen','mode','help'],
|
|
"advToolbarMode":false,
|
|
|
|
'showToolbarGroupHandle':true, //显示工具组最前的图
|
|
|
|
//模板
|
|
//插入媒体***时的模板代码,
|
|
//flash 宏 {$url} {$width} {$height}
|
|
'tplFlash':'<embed src="{$url}" width="{$width}" height="{$height}" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"></embed>',
|
|
//flv视频 宏 {$url} {$width} {$height} {$auto_start}
|
|
'tplFlv':'<embed src="'+TQE.url+'flvPlayer.swf" flashvars="vcastr_file={$url}&IsAutoPlay={$auto_start}" width="{$width}" height="{$height}" quality="high" bgcolor="#0E0E0E" name="play" align="middle" allowscriptaccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />',
|
|
//rm视频 宏 {$url} {$width} {$height} {$auto_start}
|
|
'tplRm':'<embed src="{$url}" width={$width} height={$height} autostart="{$auto_start}"type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ImageWindow" ></embed>',
|
|
//windows的媒体文件 宏 {$url} {$width} {$height} {$auto_start}
|
|
'tplVideo':'<object classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-ms-wmp" width="{$width}" height="{$height}"><PARAM NAME="URL" VALUE="{$url}" /><PARAM NAME="autoStart" VALUE="{$auto_start}" /><PARAM NAME="invokeURLs" VALUE="false"><PARAM NAME="playCount" VALUE="100"><PARAM NAME="Volume" VALUE="100"><PARAM NAME="defaultFrame" VALUE="datawindow"></object>',
|
|
//音乐播放 宏 {$url} {$auto_start}
|
|
'tplMusic':'<object id="tqeMP" classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" type="application/x-ms-wmp" width="230" height="64"><PARAM NAME="URL" VALUE="{$url}" /><PARAM NAME="autoStart" VALUE="{$auto_start}" /><PARAM NAME="invokeURLs" VALUE="false"><PARAM NAME="playCount" VALUE="100"><PARAM NAME="Volume" VALUE="100"><PARAM NAME="defaultFrame" VALUE="datawindow"></object>',
|
|
//分页符代码
|
|
'tplSplitPage':'<h3 class="splitPage" name="split_page"></h3>',
|
|
|
|
'uploadFieldName':'file',//接收上传时的上传表单名
|
|
'faceurl':'',
|
|
'imageUploadUrl':'',//接收上传图片网址, 留空表示不允许上传, 以#开头, 表示点击上传按扭后的界面网址
|
|
'imageFileTypes':'*.jpg;*.gif;*.png;*.jpeg',//允许上传的图片后缀
|
|
'imageFileSize':'2MB',//允许上传文件大小
|
|
'directInsertUploadImage':false,//直接将上传的图片插入编辑器中
|
|
|
|
'linkUploadUrl':'',//接收上传网址, 留空表示不允许上传, 以#开头, 表示点击上传按扭后的界面网址
|
|
'linkFileTypes':'*.*',//允许上传的后缀
|
|
'linkFileSize':'2MB',//允许上传文件大小
|
|
|
|
'flashUploadUrl':'',//接收上传Flash网址, 留空表示不允许上传, 以#开头, 表示点击上传按扭后的界面网址
|
|
'flashFileTypes':'*.swf',//允许上传的图片后缀
|
|
'flashFileSize':'2MB',//允许上传文件大小
|
|
|
|
'musicUploadUrl':'',//接收上传音频文件网址, 留空表示不允许上传, 以#开头, 表示点击上传按扭后的界面网址
|
|
'musicFileTypes':'*.mp3;*.wma',//允许上传音频文件后缀
|
|
'musicFileSize':'2MB',//允许上传文件大小
|
|
|
|
'videoUploadUrl':'',//接收上传视频文件网址, 留空表示不允许上传, 以#开头, 表示点击上传按扭后的界面网址
|
|
'videoFileTypes':'*.flv;.mp4;*.mkv;*.wmv;*.asf;*.avi;*.rmvb;*.rm',//允许上传的文件后缀
|
|
'videoFileSize':'2MB',//允许上传文件大小
|
|
|
|
'enter2br':false,
|
|
//'formatHTML':true,//对HTML源码进行美化(换行与缩进)
|
|
//'height_delta':20,
|
|
'width':'auto',
|
|
'height':'auto',
|
|
'autoClean':true,//在执行粘贴时,自动清理word相关的垃圾代码
|
|
'faceCount':55,//表情数量, 在face目录中
|
|
'css':'',//设计辅助的相关样式网址
|
|
'cssCode':'',//直接指定设计辅助的相关样式代码
|
|
'bgColor':'', //可视化编辑时, 编辑器背景色
|
|
'textColor':'', //可视化编辑时, 文字色
|
|
'autoPopImagePanel':true, //自动弹出图片面板
|
|
'autoPopTablePanel':true, //自动弹出表格操作面板(插入行/列,删行/列/表格)
|
|
|
|
'typesetImageTextCenter':true,//自动排版图片下方的文字居中
|
|
'typesetIndentParagraph':false,//自动排版段落首行缩进2字
|
|
'typesetImageBorder':true,//自动排版图片添边框
|
|
|
|
'baseHref':'',//设置相对网址的基网址
|
|
'resize':true,//允许修改编辑器尺寸
|
|
|
|
'onfocus':null,//获取焦点时的回调, function(event){}
|
|
'onblur':null,//失去焦点时的回调, function(event){}
|
|
'onkeydown':null,//当用户按下键盘按键时触发, function(event){}
|
|
'onkeyup':null,//当用户释放键盘按键时触发, function(event){}
|
|
'onpaste':null,//当粘贴时触发, function(event){}
|
|
|
|
'oninit':null,//设置执行初始化时的回调函数, function(){}
|
|
'ongetcontent':null,//取代码时的事件回调函数, function(code){}
|
|
'onsetcontent':null,//设置代码时的事件回调函数, function(code){}
|
|
//'onuploaded':null,//上传成功后的回调函数
|
|
'debug':false
|
|
};
|
|
|
|
TQE.find=function(id){return document.getElementById(id);};
|
|
TQE.CE=function(tag,id, htm, append){
|
|
var o=document.createElement(tag);
|
|
if(id)o.id=id;
|
|
if(htm)o.innerHTML=htm;
|
|
if(append) document.body.appendChild(o);
|
|
return o;
|
|
};
|
|
TQE.loadSkin=function(skin){
|
|
var e = TQE.find('TQEditorSkinCSS');
|
|
e.href= TQE.url+(skin &&'default'!=skin ? 'skin/'+skin+'/':'')+'TQEditor.css';
|
|
};
|
|
TQE.checkSkin=function(linkObj){
|
|
var i,objs=document.styleSheets,rules;
|
|
for(i=objs.length-1;i>=0;i--){
|
|
if(objs[i].href==linkObj.href){
|
|
rules = objs[i].cssRules || objs[i].rules;
|
|
if(rules.length<1) linkObj.href= TQE.url+'TQEditor.css';
|
|
break;
|
|
}
|
|
}
|
|
};
|
|
TQE._doc=function(){return (document.compatMode != "CSS1Compat") ? document.body : document.documentElement;};
|
|
TQE._docST=function(){
|
|
return window.scrollY ? window.scrollY : TQE._doc().scrollTop ;
|
|
};
|
|
TQE._docSL=function(){
|
|
return window.scrollX ? window.scrollX : TQE._doc().scrollLeft ;
|
|
};
|
|
TQE.pos=function(e){
|
|
var x = 0, y = 0;
|
|
//if (e.getBoundingClientRect) {
|
|
var box = e.getBoundingClientRect(),
|
|
d=TQE._doc();
|
|
x = box.left + TQE._docSL() - d.clientLeft;
|
|
y = box.top + TQE._docST() - d.clientTop;
|
|
//} else {
|
|
// x = e.offsetLeft;
|
|
// y = e.offsetTop;
|
|
// var parent = e.offsetParent;
|
|
// while (parent) {
|
|
// x += parent.offsetLeft;
|
|
// y += parent.offsetTop;
|
|
// parent = parent.offsetParent;
|
|
// }
|
|
//}
|
|
return {'x' : x, 'y' : y, left:x, top:y, width:e.offsetWidth, height:e.offsetHeight};
|
|
};
|
|
TQE._hideContext=function(){
|
|
if(TQE.activeContext){
|
|
TQE.activeContext.style.display="none";
|
|
TQE.activeContext=null;
|
|
}
|
|
};
|
|
|
|
TQE.pop=function(obj,relateObj){
|
|
if(TQE.activePop==obj){
|
|
TQE.hidePop();
|
|
return false;
|
|
}
|
|
TQE._hideContext();
|
|
TQE.hidePop();
|
|
TQE.activePop=obj;
|
|
obj.relateObj=relateObj;
|
|
relateObj.className='eButtonDropDown';
|
|
|
|
obj.style.display='block';
|
|
var p=TQE.pos(relateObj),
|
|
l=p.x,
|
|
t= 1+relateObj.clientHeight +p.y,
|
|
dl = TQE._docSL(),
|
|
w = TQE._doc().clientWidth;
|
|
if(l+obj.offsetWidth>dl+w)l-=obj.offsetWidth-relateObj.offsetWidth;
|
|
obj.style.left= l + 'px';
|
|
obj.style.top = t+ 'px';
|
|
return true;
|
|
};
|
|
TQE.hidePop=function(){
|
|
if(!TQE.activePop) return;
|
|
var o=TQE.activePop;
|
|
TQE.activePop=null;
|
|
o.style.display='none';
|
|
if(o.relateObj && o.relateObj.className=='eButtonDropDown') o.relateObj.className='eButton';
|
|
|
|
o=TQE.find('ColorPicker');
|
|
if(o)o.style.display='none';
|
|
};
|
|
TQE.delListener=function(e,eventName,func){
|
|
if(e.removeEventListener) {
|
|
e.removeEventListener(eventName, func, false );
|
|
}else{
|
|
e.detachEvent('on'+eventName, e['e'+eventName+func]);
|
|
}
|
|
};
|
|
TQE.addListener=function(e,eventName,func){
|
|
if(e.addEventListener) {
|
|
e.addEventListener( eventName, func, false );
|
|
}else{
|
|
e['fn'+func]=func;
|
|
e['e'+eventName+func]=function(et){e['fn'+func](et)};
|
|
e.attachEvent('on'+eventName, e['e'+eventName+func]);//
|
|
}
|
|
};
|
|
TQE._tags=function(domNode, tagName){
|
|
return domNode.getElementsByTagName(tagName);
|
|
};
|
|
|
|
TQE.listenTags=function(node,tag,eventname,func){
|
|
var ds = TQE._tags(node,tag),i;
|
|
for(i=ds.length-1;i>=0;i--){
|
|
TQE.addListener(ds[i],eventname,func);
|
|
}
|
|
};
|
|
TQE._noSel=function(o, tagsName){
|
|
var noSel=function(){
|
|
if(isIE){
|
|
var tn=event.srcElement.tagName;
|
|
return 'INPUT'==tn || 'TEXTAREA'==tn;
|
|
}
|
|
return false;
|
|
};
|
|
if(tagsName){
|
|
var a=tagsName.split(','),nodes,i,j;
|
|
for(j=a.length-1;j>=0;j--){
|
|
nodes = TQE._tags(o,a[j]);
|
|
for(i=nodes.length-1; i>=0;i--){
|
|
nodes[i].unselectable='on';
|
|
nodes[i].onselectstart = noSel
|
|
}
|
|
}
|
|
}else{
|
|
o.unselectable='on';
|
|
o.onselectstart = noSel;
|
|
}
|
|
};
|
|
TQE._colorPickerUI=function(){
|
|
var ColorHex=['00','33','66','99','CC','FF'],
|
|
SpColorHex=['FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF'],
|
|
w=191,//1+19*10
|
|
colorTable='<table width="'+w+'" cellpadding=0 ',i,j,k,
|
|
colorTD=function(color){ return '<td bgcolor="#'+color+'" style="width:10px;height:10px;border:1px inset #999; overflow:hidden;padding:0;margin:0;"></td>';};
|
|
colorTable += isIE ? 'cellspacing=1 border=0 bgcolor="#000000;">':'cellspacing=0 border=1 style="border-collapse:collapse;" >';
|
|
for (i=0;i<2;i++){
|
|
for (j=0;j<6;j++){
|
|
colorTable += '<tr height=10>';
|
|
//colorTable += '<td bgcolor="#000" name="'+name+'" ></td>';
|
|
|
|
if (i>0) colorTable += colorTD(SpColorHex[j]);
|
|
else colorTable += colorTD(ColorHex[j]+ColorHex[j]+ColorHex[j]);
|
|
|
|
//colorTable += '<td bgcolor="#000"></td>';
|
|
for (k=0;k<3;k++){
|
|
for (l=0;l<6;l++){
|
|
//立方色
|
|
colorTable += colorTD(ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]);
|
|
//连续色
|
|
//var c1 = 4+i-k*2;
|
|
//var c2 = i*j + (1-i)*(5-j);// i?j:5-j
|
|
//var c3 = k!=1? 5-l:l; //k!=1? 5-l:l;
|
|
//colorTable += '<td bgcolor="#'+ColorHex[c1]+ColorHex[c2]+ColorHex[c3]+'"></td>';
|
|
}
|
|
}
|
|
colorTable += '</tr>';
|
|
}
|
|
}
|
|
colorTable +='</table>'+
|
|
'<div style="padding:2px 2px 1px 2px;line-height:25px;"><div style="height:25px;width:60px;display:block;float:left; margin-right:5px;" name=colorPreview></div><span name="colorValue" style="width:50px; display:inline-block;"></span><input type="button" value="'+resStrNoColor+'" /></div>';
|
|
return colorTable;
|
|
};
|
|
TQE.pickColor=function(callbackFunc,x,y){
|
|
var o=TQE.find('ColorPicker');
|
|
if(null==o){
|
|
o = TQE.CE('DIV','ColorPicker', TQE._colorPickerUI() ,true);
|
|
o.className='ePopPanel';
|
|
o.style.zIndex=99999999;
|
|
o.onmouseover=function(){this.active=true;};
|
|
o.onmouseout=function(){this.active=false;};
|
|
|
|
TQE._noSel(o);//,'TABLE,TR,TD,DIV');
|
|
TQE.listenTags(o,'TD','mouseover',function(){
|
|
var self=this,
|
|
p=this.parentNode.parentNode.parentNode.parentNode.lastChild,
|
|
iid = window.setInterval(function(){self.style.backgroundColor=(self.style.backgroundColor!='')?'':'#FFFFFF'},500);
|
|
p.firstChild.style.backgroundColor=this.bgColor;
|
|
p.firstChild.nextSibling.innerHTML=this.bgColor;
|
|
|
|
self.style.backgroundColor='#FFFFFF';
|
|
self.onmouseout=function(){window.clearInterval(iid);this.style.backgroundColor='';}
|
|
});
|
|
o.lastChild.lastChild.onclick=function(){this.parentNode.parentNode.style.display='none';};
|
|
TQE.listenTags(o,'TD','mouseup',function(){this.parentNode.parentNode.parentNode.parentNode.style.display='none';});
|
|
TQE.addListener(document,'mousedown',function(){var o=TQE.find('ColorPicker');if(!o.active)o.style.display='none';});
|
|
}
|
|
var ds = TQE._tags(o,'TD');
|
|
for(var i=ds.length-1;i>=0;i--){
|
|
ds[i].onmousedown=function(e){callbackFunc(this.bgColor); e = e || event; e.cancelBubble=true; }
|
|
}
|
|
o.lastChild.lastChild.onclick=function(e){callbackFunc(''); e = e || event; e.cancelBubble=true;};
|
|
|
|
o.style.left=x+'px';
|
|
o.style.top=y+'px';
|
|
o.style.display='block';
|
|
};
|
|
TQE.drag=function(o){
|
|
o.style.position='absolute';
|
|
o.style.userSelect='none';
|
|
o.style.mozUserSelect='none';
|
|
o.style.webkitUserSelect='none';
|
|
o.dragging=false;
|
|
o.onmousedown=function(a){
|
|
var x,y,obj,n,
|
|
p=TQE.pos(this),
|
|
scrollLeft = TQE._docSL(),
|
|
scrollTop =TQE._docST();
|
|
if(isIE){
|
|
a=window.event;
|
|
//if(a.button!=0) return;
|
|
obj=a.srcElement;
|
|
x=scrollLeft + a.clientX-p.x;
|
|
y=scrollTop + a.clientY-p.y;
|
|
}else{
|
|
//if(a.button!=0) return;
|
|
obj=a.target;
|
|
x=a.pageX-p.x;
|
|
y=a.pageY-p.y;
|
|
}
|
|
if(o.dragging)return ;
|
|
n=obj.tagName;
|
|
if(obj!=this && ( n=='INPUT' || n=='TEXTAREA'|| n=='BUTTON'|| n=='SELECT')) return;
|
|
o.dragging=true;
|
|
|
|
var mousemove=function(a){
|
|
if(isIE){
|
|
a=window.event;
|
|
a.pageX=scrollLeft + a.clientX;
|
|
a.pageY=scrollTop + a.clientY;
|
|
}
|
|
var tx=a.pageX-x, ty=a.pageY-y;
|
|
o.style.left=tx +'px';
|
|
o.style.top=ty +'px';
|
|
o.style.cursor='move';
|
|
},
|
|
mouseup=function(){
|
|
o.style.cursor='';
|
|
o.dragging=false;
|
|
};
|
|
TQE._draging(mousemove,mouseup,o);
|
|
};
|
|
};
|
|
|
|
TQE._draging=function(mousemove,mouseup,o){
|
|
if(TQE._draging.running) return;
|
|
|
|
if(o.setCapture)
|
|
o.setCapture();
|
|
else if(window.captureEvents)
|
|
window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
|
|
|
|
TQE._draging.running=true;
|
|
TQE._draging.mm=document.onmousemove;
|
|
TQE._draging.mu=document.onmouseup;
|
|
var maskDiv=TQE.CE('DIV','','',true);//ie6,webkit
|
|
maskDiv.className='eDragMaskDiv';
|
|
maskDiv.style.height=Math.max(document.documentElement.clientHeight, document.body.scrollHeight)+'px';
|
|
|
|
document.onmousemove=mousemove;
|
|
document.onmouseup=function(a){
|
|
if(maskDiv) document.body.removeChild(maskDiv);
|
|
maskDiv=null;
|
|
document.onmousemove=TQE._draging.mm;
|
|
document.onmouseup=TQE._draging.mu;
|
|
if(o.releaseCapture)
|
|
o.releaseCapture();
|
|
else if(window.releaseEvents)
|
|
window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
|
|
TQE._draging.running=false;
|
|
mouseup(a);
|
|
}
|
|
return maskDiv;
|
|
|
|
};
|
|
TQE._draging.running=null;
|
|
//TQE._draging.mm=null;
|
|
//TQE._draging.mu=null;
|
|
|
|
|
|
TQE.clone=function(srcObj){
|
|
if(typeof(srcObj) != 'object') return srcObj;
|
|
if(srcObj == null) return srcObj;
|
|
var i, newObj = '[object Array]'==Object.prototype.toString.call(srcObj)? [] : {};
|
|
for(i in srcObj) newObj[i] = TQE.clone(srcObj[i]);
|
|
return newObj;
|
|
};
|
|
TQE.removeNode=function(node, delChild){
|
|
if(node.removeNode) return node.removeNode(delChild); //ie
|
|
if(delChild) return node.parentNode.removeChild(node);
|
|
while(node.firstChild) node.parentNode.insertBefore(node.firstChild,node);
|
|
node.parentNode.removeChild(node);
|
|
|
|
};
|
|
//table functions
|
|
TQE.updateCellsStatus=function(table){
|
|
var rows=table.rows,cells,cells2,td,td2, i,j,k,l;
|
|
for(i=0;i<rows.length;i++){
|
|
k=0;
|
|
for(j=0;j<rows[i].cells.length;j++){
|
|
td= rows[i].cells[j];
|
|
td.colStart=k;
|
|
k += td.colSpan;
|
|
td.colEnd= k-1;
|
|
|
|
td.rowStart=i;
|
|
td.rowEnd= i+td.rowSpan-1;
|
|
}
|
|
}
|
|
//fix colIndex
|
|
for(i=0;i<rows.length;i++){
|
|
cells= rows[i].cells;
|
|
for(j=0;j<cells.length;j++){
|
|
if(cells[j].rowSpan<2) continue;
|
|
for(k=1;k<cells[j].rowSpan; k++){
|
|
if(!rows[i+k]) break;
|
|
cells2= rows[i+k].cells;
|
|
td= cells[j];
|
|
for(l=0;l<cells2.length;l++){
|
|
td2= cells2[l];
|
|
if(td2.colStart >= td.colStart){
|
|
td2.colStart += td.colSpan;
|
|
td2.colEnd += td.colSpan;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//fix rowIndex
|
|
for(i=rows.length-1;i>=0;i--){
|
|
cells= rows[i].cells;
|
|
var minrs=cells[0].rowSpan;
|
|
for(j=cells.length-1;j>0;j--){
|
|
minrs = Math.min(minrs,cells[j].rowSpan);
|
|
if(minrs<2)break;
|
|
}
|
|
if(--minrs > 0){
|
|
for(j=cells.length-1;j>=0;j--){
|
|
cells[j].rowSpan-=minrs;
|
|
cells[j].rowEnd -=minrs;
|
|
}
|
|
for(k=i-1;k>=0;k--){
|
|
for(l=rows[k].cells.length-1;l>=0;l--){
|
|
if(rows[k].cells[l].rowEnd>cells[0].rowStart){
|
|
rows[k].cells[l].rowSpan-=minrs;
|
|
rows[k].cells[l].rowEnd-=minrs;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
};
|
|
TQE.insertCol=function(cell, bBegin){
|
|
var table=cell.parentNode.parentNode.parentNode,cells,td,td2, i=0,j, colIndex, cc, row, rowCount=table.rows.length;
|
|
TQE.updateCellsStatus(table);
|
|
colIndex= bBegin?cell.colStart : cell.colEnd+1;
|
|
|
|
//for(i=table.rows.length-1;i>=0;i--){
|
|
while(i<rowCount){
|
|
row= table.rows[i];
|
|
i++;
|
|
cells= row.cells;
|
|
td=null;
|
|
for(j=Math.min(colIndex, cells.length-1);j>=0;j--){
|
|
cc=cells[j];
|
|
if(cc.colStart<=colIndex){
|
|
if(cc.colStart<colIndex && cc.colEnd>=colIndex){
|
|
cc.colSpan++;
|
|
cc.colEnd++;
|
|
i+=cc.rowSpan-1;
|
|
}else{
|
|
td=row.insertCell(cc.colStart!=colIndex && (cc.colEnd==colIndex-1 || j==cells.length-1) ? j+1 : j);
|
|
}
|
|
//if(cc.colStart==colIndex){
|
|
// td=row.insertCell(j);
|
|
//}else if(cc.colEnd==colIndex-1){
|
|
// td=row.insertCell(j+1);
|
|
//}else if(cc.colSpan>1 && cc.colEnd>=colIndex){
|
|
// cc.colSpan++;
|
|
//}else if(j==cells.length-1 && cc.colEnd<colIndex){
|
|
// td=row.insertCell(j+1);
|
|
//}
|
|
if(td){
|
|
if(bBegin){
|
|
td2=td.nextSibling;
|
|
if(td2 && td2.rowSpan<2 && td2.colStart==colIndex){
|
|
td.style.backgroundColor = td2.style.backgroundColor;
|
|
}
|
|
}else{
|
|
td2 = td.previousSibling;
|
|
if(td2 && td2.rowSpan<2 && td2.colEnd==colIndex-1){
|
|
td.style.backgroundColor = td2.style.backgroundColor;
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
};
|
|
TQE.insertRow=function(cell, bBegin){
|
|
var table=cell.parentNode.parentNode.parentNode,cells, row, cells2, i,j,k=0, rowIndex;
|
|
TQE.updateCellsStatus(table);
|
|
rowIndex= bBegin?cell.rowStart : cell.rowEnd+1;
|
|
for(i=Math.min(table.rows.length-1, rowIndex-1);i>=0;i--){
|
|
cells= table.rows[i].cells;
|
|
for(j=cells.length-1;j>=0;j--){
|
|
if(cells[j].rowEnd>=rowIndex){
|
|
cells[j].rowSpan++;
|
|
k+=cells[j].colSpan;
|
|
}
|
|
}
|
|
}
|
|
cells= table.rows[0].cells;
|
|
for(j=cells.length-1;j>=0;j--){
|
|
k -= cells[j].colSpan;
|
|
}
|
|
row = table.insertRow(rowIndex);
|
|
while(k++ <0){
|
|
row.insertCell(0).innerHTML=' ';
|
|
}
|
|
|
|
TQE.updateCellsStatus(table);
|
|
cells = row.cells;
|
|
cells2 = table.rows[ bBegin ? rowIndex+1 : rowIndex-1].cells;
|
|
j=cells2.length-1;
|
|
for(i=cells.length-1;i>=0;i--){
|
|
while(j>=0 && cells2[j].colStart > cells[i].colStart ) j--;
|
|
if(j>=0 && cells2[j].colStart == cells[i].colStart && cells2[j].colEnd == cells[i].colEnd ){
|
|
cells[i].style.backgroundColor = cells2[j].style.backgroundColor;
|
|
}
|
|
}
|
|
};
|
|
|
|
TQE.deleteCol=function(cell){
|
|
var table=cell.parentNode.parentNode.parentNode,rows=table.rows,td, i,j, start,end;
|
|
TQE.updateCellsStatus(table);
|
|
start=cell.colStart;
|
|
end=cell.colEnd;
|
|
for(i=rows.length-1;i>=0;i--){
|
|
for(j=Math.min(end,rows[i].cells.length-1);j>=0;j--){
|
|
td=rows[i].cells[j];
|
|
if(td.colEnd>=start && td.colStart<=end){
|
|
if(td.colStart>=start && td.colEnd<=end) rows[i].removeChild(td);
|
|
else if(td.colStart<start && td.colEnd>end) td.colSpan -= 1+end-start;
|
|
else if(td.colStart<start && td.colEnd>=start) td.colSpan -= td.colEnd-start+1;
|
|
else if(td.colStart<=end && td.colEnd>end){ td.colSpan -= 1+end-td.colStart; td.innerHTML='';}
|
|
}
|
|
}
|
|
if(rows[i].cells.length<1) rows[i].parentNode.removeChild(rows[i]);
|
|
}
|
|
if(rows.length<1) table.parentNode.removeChild(table);
|
|
};
|
|
TQE.deleteRow=function(cell){
|
|
var table=cell.parentNode.parentNode.parentNode,rows=table.rows,nextRow,td,td2, i,j,k, start,end;
|
|
TQE.updateCellsStatus(table);
|
|
start=cell.rowStart;
|
|
end=cell.rowEnd;
|
|
delRowCount=cell.rowSpan;
|
|
nextRow=rows[end+1];
|
|
for(i=Math.min(end,rows.length-1);i>=0;i--){
|
|
for(j=rows[i].cells.length-1;j>=0;j--){
|
|
td=rows[i].cells[j];
|
|
if(td.rowEnd>=start && td.rowStart<=end) {
|
|
if(td.rowStart>=start && td.rowEnd<=end) rows[i].removeChild(td);
|
|
else if(td.rowStart<start && td.rowEnd>end) td.rowSpan -= delRowCount;
|
|
else if(td.rowStart<start && td.rowEnd>=start) td.rowSpan -= td.rowEnd-start+1;
|
|
else if(td.rowStart<=end && td.rowEnd>end){
|
|
if(nextRow){
|
|
for(k=0;k<nextRow.cells.length;k++){
|
|
if(nextRow.cells[k].colStart>td.colEnd){
|
|
break;
|
|
}
|
|
}
|
|
td2=nextRow.insertCell(k);
|
|
td2.rowSpan= td.rowSpan-delRowCount;
|
|
td2.colSpan=td.colSpan;
|
|
td2.colStart=td.colStart;
|
|
td2.colEnd=td.colEnd;
|
|
td2.style.backgroundColor=td.style.backgroundColor;
|
|
}
|
|
rows[i].removeChild(td);
|
|
}
|
|
}
|
|
}
|
|
if(rows[i].cells.length<1) rows[i].parentNode.removeChild(rows[i]);
|
|
}
|
|
if(rows.length<1) table.parentNode.removeChild(table);
|
|
};
|
|
TQE.formatHTML=function(htmStr){
|
|
return htmStr.replace(/\s*<(p|table|tr|hr|div|object|ol|li|ul|h[1-6])(?![a-z])/ig,'\n<$1')
|
|
.replace(/<\/(p|table|div|object|ol|ul|h[1-6])>\s*/ig,'</$1>\n')
|
|
.replace(/(<(?:br|hr)(?![a-z0-9])[^>]*>)\s*/ig,'$1\n')
|
|
.replace(/^\s*/,'').replace(/\s*$/,'')
|
|
};
|
|
|
|
//常用工具栏模式
|
|
TQE.toolbarMode={
|
|
admin:{left:['paragraph','fontsize','|','bold','italic','underline','forecolor','backcolor','removeformat','|','justifyleft','justifycenter','orderedlist','unorderedlist',['justifyright','|','indent','outdent','|','superscript','subscript'],
|
|
'||','createlink','insertimage','inserttable',['splitpage','inserthorizontalrule'],'|','insertmusic','insertflash','insertvideo',
|
|
'||','cleanword','typeset'],
|
|
right:['toolbarmode','fullscreen','|','help']},
|
|
bbs:{left:['fontsize','|','bold','italic','underline','forecolor','backcolor','removeformat','|','justifyleft','justifycenter','justifyright',
|
|
'||','createlink','insertimage','|','insertface','insertmusic','insertflash','insertvideo','|','typeset'],
|
|
right:['toolbarmode','fullscreen','|','help']},
|
|
user:{left:['fontsize','|','bold','italic','underline','forecolor','backcolor','removeformat','|','justifyleft','justifycenter','orderedlist',['justifyright','unorderedlist','|','indent','outdent','|','inserthorizontalrule'],
|
|
'||','createlink','insertimage','insertvideo','|','typeset'],
|
|
right:['toolbarmode','fullscreen','|','help']},
|
|
mini:{left:['fontsize','|','bold','italic','underline','forecolor','backcolor','removeformat','|','align','|','createlink','insertimage'],
|
|
right:['help']},
|
|
message:{left:['insertface','|','bold','italic','underline','forecolor','removeformat'],
|
|
right:['help']},
|
|
full:{left:['paragraph','fontname','fontsize','|','bold','italic','underline','strikethrough','forecolor','backcolor','removeformat',
|
|
'||','align','list','iodent',['superscript','subscript'],
|
|
'||','createlink','unlink','insertimage','inserttable','inserthorizontalrule','splitpage','insertface','|','insertmusic','insertflash','insertvideo',
|
|
'||','cleanword','typeset'],
|
|
right:['toolbarmode','fullscreen','mode','|','help']},
|
|
normal:{left:['paragraph','fontsize','|','bold','italic','underline','forecolor','backcolor','removeformat',
|
|
'||','justifyleft','justifycenter','orderedlist','unorderedlist',
|
|
'||','createlink','insertimage','inserttable','|','insertvideo','|','typeset'],
|
|
right:['toolbarmode','fullscreen','|','help']}
|
|
};
|
|
//可用的按钮
|
|
TQE.toolbarBottons={
|
|
paragraph:{
|
|
text:'段落',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'Paragraph'),i;
|
|
if(null==o){
|
|
var s='',fs=$.config.paragraphs;
|
|
for(i=0;i < fs.length; i++){
|
|
s +='<div name="FormatBlock" class="eMenuItem" unselectable=on onselectstart="return false" paraValue="'+fs[i][1]+'">'+fs[i][0]+'</div>';
|
|
}
|
|
o = TQE.CE('DIV',$.objId+'Paragraph',s,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'DIV'
|
|
TQE.listenTags(o,'DIV','click',function(){
|
|
TQE.hidePop();
|
|
var pv=this.getAttribute('paraValue');
|
|
if(isIE)pv ='<'+pv+'>';
|
|
$.exeCmd('FormatBlock', pv);
|
|
});
|
|
if(isIE6){
|
|
var es = TQE._tags(o,'DIV');
|
|
for(i=es.length-1;i>=0;i--){
|
|
$._ieMouseStyle(es[i],'eMenuItem','eMenuItemUp','eMenuItem');
|
|
}
|
|
}
|
|
}
|
|
TQE.pop(o,sender);
|
|
}
|
|
},
|
|
|
|
fontsize:{
|
|
text:'文字大小',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'FontSize');
|
|
if(null==o){
|
|
var s='',i,es,
|
|
fs=$.config.fontsizes;
|
|
for(i=0;i < fs.length; i++){
|
|
s +='<div name="FontSize" class="eMenuItem" unselectable=on onselectstart="return false" paraValue="'+fs[i][2]+'" style="font-size:'+fs[i][1]+';" >'+fs[i][0]+'</div>';
|
|
}
|
|
o = TQE.CE('DIV',$.objId+'FontSize',s,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'DIV'
|
|
TQE.listenTags(o,'DIV','click',function(){TQE.hidePop();$.exeCmd('FontSize', this.getAttribute('paraValue'))});
|
|
if(isIE6){
|
|
es = TQE._tags(o,'DIV');
|
|
for(i=es.length-1;i>=0;i--){
|
|
$._ieMouseStyle(es[i],'eMenuItem','eMenuItemUp','eMenuItem');
|
|
}
|
|
}
|
|
}
|
|
TQE.pop(o,sender);
|
|
}
|
|
},
|
|
fontname:{
|
|
text:'字体',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'FontName');
|
|
if(null==o){
|
|
var es,i,s='',fs=$.config.fontnames;
|
|
for(i=0;i < fs.length; i++){
|
|
s +='<div name="FontName" class="eMenuItem" unselectable=on onselectstart="return false" paraValue="'+fs[i][1]+'" style="font-family:'+fs[i][1]+';" >'+fs[i][0]+'</div>';
|
|
}
|
|
o = TQE.CE('DIV',$.objId+'FontName',s,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'DIV'
|
|
TQE.listenTags(o,'DIV','click',function(){TQE.hidePop();$.exeCmd('FontName', this.getAttribute('paraValue'))});
|
|
if(isIE6){
|
|
es = TQE._tags(o,'DIV');
|
|
for(i=es.length-1;i>=0;i--){
|
|
$._ieMouseStyle(es[i],'eMenuItem','eMenuItemUp','eMenuItem');
|
|
}
|
|
}
|
|
}
|
|
TQE.pop(o,sender);
|
|
}
|
|
},
|
|
forecolor:{
|
|
text:'文本颜色',
|
|
click:function($,sender){
|
|
$._showColorSelectUI(sender,'forecolor');
|
|
}
|
|
},
|
|
backcolor:{
|
|
text:'背景色',
|
|
click:function($,sender){
|
|
$._showColorSelectUI(sender, isIE ? 'backcolor':'hilitecolor');
|
|
}
|
|
},
|
|
bold:{
|
|
text:'粗体',
|
|
click:null
|
|
},
|
|
italic:{
|
|
text:'斜体',
|
|
click:null
|
|
},
|
|
underline:{
|
|
text:'下划线',
|
|
click:null
|
|
},
|
|
strikethrough:{
|
|
text:'删除线',
|
|
click:null
|
|
},
|
|
removeformat:{
|
|
text:'消除格式',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.exeCmd('removeformat');
|
|
if(isGecko || isOpera) return;//ff,opera本身已完美的清理格式, 其他的浏览器还要加代码处理word的代码
|
|
var rang=$._getRange(),
|
|
clear=function(s){return s.replace(/<\/?span[^>]*>/ig,'').replace(/<p [^>]*>/ig,'<p>').replace(/<div [^>]*>/ig,'<div>');},
|
|
htm='',
|
|
str=rang.htmlText,
|
|
nodes,
|
|
i;
|
|
if(str){//ie6,7,8
|
|
$.insertHtml(clear(str));
|
|
}else{//ie9,chrome
|
|
nodes=rang.cloneContents().childNodes;
|
|
for(i=0;i<nodes.length;i++){
|
|
if('#comment'!=nodes[i].nodeName){
|
|
str = nodes[i].outerHTML || nodes[i].nodeValue ;
|
|
if(str) htm += str;
|
|
}
|
|
}
|
|
$.insertHtml(clear(htm));
|
|
}
|
|
}
|
|
},
|
|
submenu:{
|
|
text:'',
|
|
click:function($,sender){
|
|
$._popAsMenu(sender,sender.getAttribute('submenu').split(','));
|
|
}
|
|
},
|
|
//使用submenu来替代此功能
|
|
//moreformat:{
|
|
// text:'',
|
|
// click:function($,sender){
|
|
// $._popAsMenu(sender,['orderedlist','unorderedlist','|','indent','outdent','|','superscript','subscript']);
|
|
// }
|
|
//},
|
|
subscript:{
|
|
text:'下标',
|
|
click:null
|
|
},
|
|
superscript:{
|
|
text:'上标',
|
|
click:null
|
|
},
|
|
align:{
|
|
text:'对齐',
|
|
click:function($,sender){
|
|
$._popAsMenu(sender,['justifyleft','justifycenter','justifyright']);
|
|
}
|
|
},
|
|
justifyleft:{
|
|
text:'左对齐',
|
|
click:null
|
|
},
|
|
justifycenter:{
|
|
text:'居中对齐',
|
|
click:null
|
|
},
|
|
justifyright:{
|
|
text:'右对齐',
|
|
click:null
|
|
},
|
|
justifyfull:{
|
|
text:'两端对齐',
|
|
click:null
|
|
},
|
|
justifynone:{
|
|
text:'取消对齐',
|
|
click:null
|
|
},
|
|
list:{
|
|
text:'列表',
|
|
click:function($,sender){
|
|
$._popAsMenu(sender,['orderedlist','unorderedlist']);
|
|
}
|
|
},
|
|
unorderedlist:{
|
|
text:'项目列表',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.exeCmd('InsertUnorderedList');
|
|
}
|
|
},
|
|
orderedlist:{
|
|
text:'数目列表',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.exeCmd('InsertOrderedList');
|
|
}
|
|
},
|
|
iodent:{
|
|
text:'缩进方向',
|
|
click:function($,sender){
|
|
$._popAsMenu(sender,['indent','outdent'])
|
|
}
|
|
},
|
|
outdent:{
|
|
text:'减少缩进',
|
|
click:null
|
|
},
|
|
indent:{
|
|
text:'增加缩进',
|
|
click:null
|
|
},
|
|
inserthorizontalrule:{
|
|
text:'插入水平线',
|
|
click:null
|
|
},
|
|
createlink:{
|
|
text:'添加链接',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'CreateLink');
|
|
if(null==o){
|
|
//var s='网址:<input type="text" id="url" value="" size=45 /><br />打开:<select id="target"><option value="" >默认</option><option value="_blank">新窗口</option><option value="_self">当前窗口</option><option value="_parent">父窗口</option><option value="_top">顶层窗口</option></select>';
|
|
var okClick= function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements,
|
|
href=es['url'].value,
|
|
target=es['target'].value,
|
|
title=es['title'].value,
|
|
titleTxt='';
|
|
if('http://'==href || ''==href){
|
|
$.exeCmd('Unlink');
|
|
return false;
|
|
}
|
|
var r= $._getRange();
|
|
if(isWebkit && r.collapsed || !$.exeCmd('CreateLink', href)){
|
|
if(target!=='') target = ' target="'+target+'" ';
|
|
if(title!=='') titleTxt = ' title="'+title+'" ';
|
|
$.insertHtml('<a href="'+href+'" '+titleTxt+target+'>'+(title?title:href)+'</a>');
|
|
return false;
|
|
}
|
|
var n=$.focusNode();
|
|
do{
|
|
if(n.tagName=='A'){
|
|
if(''==target) n.removeAttribute('target') ;
|
|
else n.setAttribute('target',target);
|
|
if(''==title) n.removeAttribute('title');
|
|
else n.setAttribute('title',title);
|
|
break;
|
|
}
|
|
}while(n = n.parentNode);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'CreateLink',resStrCreateLink, resStrInsertLinkUI, okClick,null, $.config.linkUploadUrl,$.config.linkFileTypes,$.config.linkFileSize,'link');
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return;
|
|
|
|
var f = TQE._tags(o,'FORM')[0],
|
|
es = f.elements,
|
|
n = $.focusNode();
|
|
f.reset();
|
|
do{
|
|
if(n.tagName=='A'){
|
|
es['url'].value=n.getAttribute('href');
|
|
es['title'].value=n.getAttribute('title');
|
|
$.__selectOption(es['target'],n.getAttribute('target'));
|
|
break;
|
|
}
|
|
}while(n = n.parentNode);
|
|
es['url'].focus();
|
|
}
|
|
},
|
|
unlink:{
|
|
text:'删除链接',
|
|
click:null
|
|
},
|
|
inserttable:{
|
|
text:'插入表格',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'InsertTable');
|
|
if(null==o){
|
|
var s=resStrTableContextUI + '<div><table border=1 cellspacing=0 cellpadding=0 bgcolor="#FFFFFF" bordercolor="#CCCCCC" class="eTableInserUI"><tbody>',i=0,j=0;
|
|
for(i=0;i<5;i++){
|
|
s+='<tr>';
|
|
for(j=0;j<8;j++){
|
|
s+='<td width="20" height="20" ></td>';
|
|
}
|
|
s+='</tr>';
|
|
}
|
|
s+='</tbody></table><div style="padding:2px 5px;">1 × 1</div></div>';
|
|
o = TQE.CE('DIV',$.objId+'InsertTable', s ,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'TABLE,TR,TD,DIV');
|
|
TQE.listenTags(o.lastChild,'TD','click',function(){
|
|
TQE.hidePop();
|
|
var i,j,s='<table style="border-collapse:collapse;" width=96% align=center border=1 cellspace=0 cellpadding=3 ><tbody>';
|
|
for(i=this.parentNode.rowIndex;i>=0;i--){
|
|
s+='<tr>';
|
|
for(j=this.cellIndex;j>=0;j--){
|
|
s+= isIE ? '<td valign="top"></td>':'<td valign="top"><br></td>';
|
|
}
|
|
s+='</tr>';
|
|
}
|
|
s+='</tbody></table>';
|
|
//s = '<p>'+s+'</p>';
|
|
//$.exeCmd('InsertParagraph');
|
|
//$.exeCmd('FormatBlock','p');
|
|
$.insertHtml(s);
|
|
}
|
|
);
|
|
TQE.listenTags(o.lastChild,'TD','mouseover',function(){
|
|
var i,j,ci=this.cellIndex, row=this.parentNode,ri=row.rowIndex,table=row.parentNode.parentNode, rc=table.rows.length,cc=row.cells.length;
|
|
for(i=0;i<rc;i++){
|
|
row=table.rows[i];
|
|
for(j=0;j<cc;j++)
|
|
row.cells[j].bgColor= (i<=ri && j<=ci)?'#3399ff':'';
|
|
}
|
|
table.parentNode.lastChild.innerHTML= (ri+1) +' × '+(ci+1);
|
|
});
|
|
}
|
|
var table, td,
|
|
selectedCells=$.selectedCells(),
|
|
propertyPanel=o.firstChild,
|
|
miMerge=propertyPanel.firstChild,
|
|
miSplit=miMerge.nextSibling,
|
|
insertPanel=o.lastChild,
|
|
|
|
row=o.lastChild.firstChild.firstChild.firstChild,
|
|
cc=row.cells.length,
|
|
showObj=function(obj,b){obj.style.display=b?'':'none';};
|
|
while(row){
|
|
for(var i=0;i<cc;i++) row.cells[i].bgColor='';
|
|
row=row.nextSibling;
|
|
}
|
|
insertPanel.lastChild.innerHTML='1 × 1';
|
|
//--
|
|
if(selectedCells.length){//选中格
|
|
showObj(insertPanel, 0);
|
|
td=selectedCells[0];
|
|
}else{
|
|
showObj(insertPanel, 1);
|
|
td=$.focusNode();
|
|
while(td && td.nodeName !=='TD'){
|
|
td = td.parentNode
|
|
}
|
|
}
|
|
if(td){
|
|
table=td.parentNode.parentNode.parentNode;
|
|
showObj(propertyPanel, 1);
|
|
showObj(miMerge, $.canMergeSelectedCells());
|
|
showObj(miSplit, selectedCells.length<2 && (td.rowSpan>1 || td.colSpan>1));
|
|
showObj(miSplit.nextSibling, miMerge.style.display!='none' || miSplit.style.display!='none');
|
|
|
|
}else{
|
|
showObj(propertyPanel, 0);
|
|
}
|
|
showObj(insertPanel.previousSibling, propertyPanel.style.display!='none' && insertPanel.style.display!='none');
|
|
|
|
var objs=o.firstChild.getElementsByTagName('A'),
|
|
alignTD=function(align,vAlign){
|
|
if(selectedCells.length>0){
|
|
for(var i=selectedCells.length-1;i>=0;i--){
|
|
selectedCells[i].align=align;
|
|
selectedCells[i].vAlign=vAlign;
|
|
}
|
|
}else if(td){
|
|
td.align=align;
|
|
td.vAlign=vAlign;
|
|
}
|
|
};
|
|
for(i=objs.length-1;i>=0;i--){
|
|
objs[i].href='#';
|
|
objs[i].onclick=function(){
|
|
switch(this.id){
|
|
case 'eTableAlignDefault':table.align=''; break;
|
|
case 'eTableAlignLeft':table.align='left'; break;
|
|
case 'eTableAlignCenter':table.align='center'; break;
|
|
case 'eTableAlignRight':table.align='right'; break;
|
|
case 'eCellAlignLT':alignTD('left','top');break;
|
|
case 'eCellAlignCT':alignTD('center','top');break;
|
|
case 'eCellAlignRT':alignTD('right','top');break;
|
|
case 'eCellAlignLC':alignTD('left','middle');break;
|
|
case 'eCellAlignCC':alignTD('center','middle');break;
|
|
case 'eCellAlignRC':alignTD('right','middle');break;
|
|
case 'eCellAlignLB':alignTD('left','bottom');break;
|
|
case 'eCellAlignCB':alignTD('center','bottom');break;
|
|
case 'eCellAlignRB':alignTD('right','bottom');break;
|
|
}
|
|
$.focus();
|
|
return false;
|
|
};
|
|
}
|
|
objs=o.firstChild.getElementsByTagName('INPUT');
|
|
for(i=objs.length-1;i>=0;i--){
|
|
if(table) objs[i].value= undefined==table[objs[i].id] ? '' : table[objs[i].id];
|
|
objs[i].onblur=function(){
|
|
if(''==this.value ) table.removeAttribute(this.id);
|
|
else table[this.id]=this.value;
|
|
table.style.borderCollapse = table.cellSpacing<1 && table.border==1 ? 'collapse':'';
|
|
};
|
|
}
|
|
|
|
miMerge.onclick=function(){TQE.hidePop();$.mergeSelectedCells();$.focus(); return false;}
|
|
miSplit.onclick=function(){TQE.hidePop();$.splitCell(td);$.focus();return false;}
|
|
|
|
//--
|
|
if(!TQE.pop(o,sender)) return;
|
|
}
|
|
},
|
|
insertimage:{
|
|
text:'插入图片',
|
|
click:function($,sender){
|
|
$img_modal.modal('show');
|
|
/*var o=TQE.find($.objId+'InsertImage');
|
|
if(null==o){
|
|
//var s='图片网址:<input type="text" id="url" value="" size=40 /><br />替换文本:<input name="alt" type="text" id="alt" size="20" /><br />尺寸:<input name="width" type="text" id="width" size="4" /> × <input name="height" type="text" id="height" size="4" /> px <br />对齐:<select name="align" id="align"><option value="" >默认</option><option value="top">居上</option><option value="textTop">文本上方</option><option value="middle">居中</option><option value="absMiddle">绝对居中</option><option value="baseline">基线</option><option value="bottom">底部</option><option value="absBottom">绝对底部</option><option value="left">左</option><option value="right">右</option></select> 边框:<input name="border" type="text" id="border" size="5" />';
|
|
var okClick=function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements;
|
|
$.insertImage(es['url'].value,es['width'].value,es['height'].value,es['border'].value, es['alt'].value,es['align'].value);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'InsertImage',resStrInsertImage, resStrInsertImageUI, okClick ,['width','height','border'], $.config.imageUploadUrl,$.config.imageFileTypes, $.config.imageFileSize, 'image');
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return;
|
|
var f = TQE._tags(o,'FORM')[0],
|
|
es = f.elements,
|
|
r=$._getRange(),
|
|
n=r.commonAncestorContainer;
|
|
f.reset();
|
|
if(n){ //标准dom
|
|
if(!r.collapsed && r.startContainer == r.endContainer && r.startOffset - r.endOffset < 2 && r.startContainer.hasChildNodes()){
|
|
n=r.startContainer.childNodes[r.startOffset];
|
|
}
|
|
if(n.tagName!='IMG' && IEVersion>=9 && ''===r.toString()){
|
|
if(undefined===r.startContainer.length && r.startContainer.firstChild===r.endContainer.previousSibling)n=r.startContainer.firstChild;
|
|
else if(r.endContainer.lastChild===r.startContainer.nextSibling)n=r.endContainer.lastChild;
|
|
else if(r.startContainer.length == r.startOffset && r.endOffset==0 && r.startContainer.nextSibling==r.endContainer.previousSibling){
|
|
n=r.startContainer.nextSibling;
|
|
}
|
|
}
|
|
if(!n || n.tagName!='IMG') n=null;
|
|
}else if(r.length && r.item(0).tagName=='IMG'){ //isIE, ie6,7,8
|
|
n=r.item(0);
|
|
}
|
|
if(n && 'IMG'==n.nodeName){
|
|
es['url'].value=n.getAttribute('src');
|
|
es['width'].value=n.width;
|
|
es['height'].value=n.height;
|
|
es['border'].value=n.border;
|
|
es['alt'].value=n.alt;
|
|
$.__selectOption(es['align'],n.align);
|
|
}
|
|
es['url'].focus();*/
|
|
}
|
|
},
|
|
insertface:{
|
|
text:'表情',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'InsertFace');
|
|
if(null==o){
|
|
var i,es,s='<div class="eFace">';
|
|
for( i=1;i<=$.config.faceCount;i++){
|
|
s+='<img src="'+$.config.faceurl+'/'+i+'.gif" emot="'+i+'" />';
|
|
}
|
|
s+='</div>';
|
|
o = TQE.CE('DIV',$.objId+'InsertFace', s ,true);
|
|
o.className='ePopPanel';
|
|
TQE._noSel(o);//,'IMG,DIV');
|
|
TQE.listenTags(o,'IMG','click',function(){TQE.hidePop();$.insertHtml('<img align=absMiddle src="'+this.getAttribute('src')+'" emot="'+this.getAttribute('emot')+'" />');});
|
|
if(isIE6){
|
|
es = TQE._tags(o,'IMG');
|
|
for(i=es.length-1;i>=0;i--){
|
|
$._ieMouseStyle(es[i],'','imgHover','');
|
|
}
|
|
}
|
|
}
|
|
TQE.pop(o,sender);
|
|
}
|
|
},
|
|
insertflash:{
|
|
text:'插入Flash',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'InsertFlash'),form;
|
|
if(null==o){
|
|
//var s='Flash网址:<input type="text" id="url" value="" size=40 /><br />尺寸:<input name="width" type="text" id="width" size="4" value="200" />×<input name="height" type="text" id="height" size="4" value="200" /> px';
|
|
|
|
var okClick= function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements;
|
|
$.insertFlash(es['url'].value,es['width'].value,es['height'].value);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'InsertFlash',resStrInsertFlash, resStrInsertFlashUI, okClick,['width','height'], $.config.flashUploadUrl,$.config.flashFileTypes,$.config.flashFileSize, 'flash');
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return;
|
|
form=TQE._tags(o,'FORM')[0];
|
|
form.reset();
|
|
form.elements['url'].focus();
|
|
}
|
|
},
|
|
insertmusic:{
|
|
text:'插入音频',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'InsertMusic'),form;
|
|
if(null==o){
|
|
//var s='音频网址:<input type="text" id="url" value="" size=40 /><br />自动播放:<select id="auto_start" name="auto_start"><option value="0">手动开始</option><option value="1">自动开始</option></select>';
|
|
var okClick= function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements;
|
|
$.insertMusic(es['url'].value,es['auto_start'].value);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'InsertMusic',resStrInsertMusic, resStrInsertMusicUI, okClick,null, $.config.musicUploadUrl,$.config.musicFileTypes,$.config.musicFileSize, 'music');
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return ;
|
|
form=TQE._tags(o,'FORM')[0];
|
|
form.reset();
|
|
form.elements['url'].focus();
|
|
}
|
|
},
|
|
insertvideo:{
|
|
text:'插入视频',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'InsertVideo'),form;
|
|
if(null==o){
|
|
//var s='视频网址:<input type="text" id="url" value="" size=40 /><br />尺寸:<input name="width" type="text" id="width" size="4" value="320"/>×<input name="height" type="text" id="height" size="4" value="240" /> px<br />自动播放:<select id="auto_start" name="auto_start"><option value="0">手动开始</option><option value="1">自动开始</option></select><br />视频类型:<select id="video_type" name="video_type"><option value="auto">自动识别</option><option value="flv">FLV</option><option value="rm">RMVB</option><option value="wm">其他视频</option></select>';
|
|
var okClick= function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements;
|
|
$.insertVideo(es['url'].value,es['auto_start'].value,es['width'].value,es['height'].value,es['video_type'].value);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'InsertVideo',resStrInsertVideo, resStrInsertVideoUI, okClick,['width','height'], $.config.videoUploadUrl,$.config.videoFileTypes,$.config.videoFileSize, 'video');
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return;
|
|
form=TQE._tags(o,'FORM')[0];
|
|
form.reset();
|
|
form.elements['url'].focus();
|
|
}
|
|
},
|
|
cleanword:{
|
|
text:'清理Word代码',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.cleanWord(true);
|
|
}
|
|
},
|
|
typeset:{
|
|
text:'自动排版',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.typeset();
|
|
/*return;
|
|
var o=TQE.find($.objId+'Typeset'),form;
|
|
if(null==o){
|
|
var resStrTypeset='自动排版', resStrTypesetUI='图片/视频/Flash <label><input type="radio" name="align" id="alignLeft" value="left" checked onClick="this.form.elements[\'centerCaption\'].disabled=true;">左对齐</label> <label><input type="radio" name="align" id="alignCenter" value="center" onClick="this.form.elements[\'centerCaption\'].disabled=false;">居中</label><label><input name="centerCaption" type="checkbox" disabled id="centerCaption" value="1" checked >同时居中下方文本</label><br>首行缩进 <select name="textIndent" id="textIndent"><option value="-" selected>不修改</option><option value="style">使用样式缩进</option><option value="text">使用中文空格缩进</option><option value="none">清除缩进</option></select>';
|
|
var okClick= function(){
|
|
TQE.hidePop();
|
|
var es=this.form.elements;
|
|
$.typeset();
|
|
//$.insertVideo(es['url'].value,es['auto_start'].value,es['width'].value,es['height'].value,es['video_type'].value);
|
|
return false;
|
|
};
|
|
o = $._popFormUI($.objId+'Typeset',resStrTypeset, resStrTypesetUI, okClick);
|
|
TQE.drag(o);
|
|
}
|
|
if(!TQE.pop(o,sender)) return;
|
|
form=TQE._tags(o,'FORM')[0];
|
|
form.reset();
|
|
form.elements['url'].focus();
|
|
*/
|
|
}
|
|
},
|
|
mode:{
|
|
text:'查看源码',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.changeMode();
|
|
}
|
|
},
|
|
splitpage:{
|
|
text:'插入分页符',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
//$.insertHtml($.config.tplSplitPage,'after');
|
|
$.insertHtml($.config.tplSplitPage);
|
|
}
|
|
},
|
|
group:{
|
|
text:'',
|
|
click:null
|
|
},
|
|
br:{
|
|
text:'',
|
|
click:null
|
|
},
|
|
separator:{
|
|
text:'',
|
|
click:null
|
|
},
|
|
fullscreen:{
|
|
text:'全屏',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.fullScreen();
|
|
}
|
|
},
|
|
toolbarmode:{
|
|
text:'工具栏模式',
|
|
click:function($,sender){
|
|
TQE.hidePop();
|
|
$.changeToolbarMode();
|
|
}
|
|
},
|
|
help:{
|
|
text:'帮助',
|
|
click:function($,sender){
|
|
var o=TQE.find($.objId+'TQHelpPanel');
|
|
if(null==o){
|
|
o = TQE.CE('DIV',$.objId+'TQHelpPanel', '<form class="ePopForm" style="line-height:20px;">TQEditor<br/>'+resStrVersion+': '+version+'<br/>'+resStrSite+': <a href="http://www.e512.net" target="_blank">e512.net</a><br />'+resStrMail+': <a href="mailto:litqqs@163.com">litqqs@163.com</a><br /></form>' ,true);
|
|
o.className='ePopPanel';
|
|
}
|
|
TQE.pop(o,sender);
|
|
}
|
|
}
|
|
};
|
|
//运行时对象容器
|
|
//TQE.rto={};
|
|
//explode names;
|
|
window.tqEditor=window.tqeditor=window.TQEditor=window.TQE=TQE;
|
|
window.isIE=isIE;
|
|
window.isIE6=isIE6;
|
|
window.IEVersion=IEVersion;
|
|
window.isWebkit=isWebkit;
|
|
window.isOpera=isOpera;
|
|
window.isGecko=isGecko;
|
|
})(window); |