var myEditor={} myEditor.majorVer = navigator.appVersion.match(/MSIE (.)/)[1] ; myEditor.minorVer = navigator.appVersion.match(/MSIE .\.(.)/)[1] ; myEditor.isIE55OrMore = myEditor.majorVer >= 6 || ( myEditor.majorVer >= 5 && myEditor.minorVer >= 5 ) ; myEditor.window=window myEditor.inIframe=self.name!='' myEditor.defaultView='Design' myEditor.showPropertiesBody=false myEditor.history=[] myEditor.history.states=20 myEditor.visible=true myEditor.path=document.location.href.replace(/(.*\/)[^\/]+\..*\??.*/g,'$1') myEditor.baseURL='dreampower' //资源管理器的路径 myEditor.explorerURL='explorer.php' myEditor.explorerURLForDialog='../../explorer.php' myEditor.toolbarURL=myEditor.baseURL+'/includes/toolbar.xml' if(myEditor.inIframe){ //如果这“编辑器”在表框架里，且有表单，初始化一些变量 //附引用“编辑器”的代码 //" // //"; myEditor.myIframe=parent.document.getElementById('ifrm'+self.name) myEditor.myTextarea=parent.document.getElementById(self.name) myEditor.myHTMLHead=parent.document.getElementById(self.name+'_head') myEditor.myDocument=myEditor.myTextarea.document myEditor.myForm=myEditor.myTextarea.form //资源管理器的路径 myEditor.explorerURL='admin.php?act=explorer&adsess='+myEditor.myIframe.s myEditor.explorerURLForDialog='../../../../admin.php?act=explorer&adsess='+myEditor.myIframe.s switch(myEditor.myIframe.content.toLowerCase()){ case 'html': myEditor.HTML=myEditor.myTextarea.value break; case 'body': myEditor.HTML=myEditor.myHTMLHead.value+myEditor.myTextarea.value+'' break; case 'text': myEditor.HTML=myEditor.myTextarea.value break; } //更新表单的 onsubmit 和 submit() if(myEditor.myForm.originalOnsubmit==null)myEditor.myForm.originalOnsubmit=myEditor.myForm.onsubmit; if(myEditor.myForm.originalSubmit==null)myEditor.myForm.originalSubmit=myEditor.myForm.submit; myEditor.myForm.onsubmit=function(){ //拆分大文本 for(var i=0;i FormLimit) { objField.value = html.substr(0, FormLimit) ; html = html.substr(FormLimit) ; objField.name=strFieldName while (html.length > 0) { var objTEXTAREA = objDocument.createElement("TEXTAREA") ; objTEXTAREA.name = strFieldName ; objTEXTAREA.style.display = "none" ; objTEXTAREA.value = html.substr(0, FormLimit) ; objForm.appendChild(objTEXTAREA) ; html = html.substr(FormLimit) ; } } } //当文档完成时，进行初始化 document.onreadystatechange=function (){ //只进行一次 if (document.readyState!="complete") return; if (document.initialized) return; document.initialized = true; //创建工具条 createToolbar() //初始化document的事件 with(document){ // onmousedown=function(){ hideDropdown() var srcElt=event.srcElement if(srcElt.id=='tdViewSeparator'){ with(document.whichObjectMove=srcElt.firstChild){ style.display='block' style.pixelTop=style.oldTop=getAbsolutePostion(srcElt).top-5 style.evY=event.clientY+document.body.scrollTop } } document.evY=event.clientY+document.body.scrollTop document.evX=event.clientX+document.body.scrollLeft } onmousemove=function(){ if(document.whichObjectMove){ with(document.whichObjectMove){ style.pixelTop=style.oldTop+event.clientY-style.evY } } } onmouseup=function(){ if(document.whichObjectMove){ with(document.whichObjectMove){ if(id=='divViewSeparator'){ var dy=style.pixelTop-style.oldTop with(parentNode.parentNode.previousSibling.firstChild){ var h=parseInt(((offsetHeight+dy)/offsetHeight)*parseInt(height)) if(h>99){ doViewButtonClick('btCode') }else if(h<1){ doViewButtonClick('btDesign') }else{ height=h+'%' } } style.display='none' } } } document.whichObjectMove=null } onkeydown=doShortcutKey } // taLine.value=' ' /* for(taLine.n=1;taLine.n<=50;taLine.n++){ taLine.value += ' '+taLine.n+'\n' ; } */ with(taLine){ onselectstart=new Function('return false') onclick=new Function('selectLine(taCode)') } // taCode.value=myEditor.HTML with(taCode){ //注释一些事件了,因为太慢了 //onkeypress=onkeyup=doSameContent //onscroll=showLine document.onselectionchange=doSameContent } // initIfrmDesign('On',true) // doViewButtonClick('bt'+myEditor.defaultView) if(myEditor.showPropertiesBody){ tdShowPropertiesBody.onclick() } // if(myEditor.visible){ new Function(document.all('btVisibleBorder').myselect.replace(/(^|\W+)this(\W+|$)/g,"$1document.all('btVisibleBorder')$2"))() }else{ new Function(document.all('btVisibleBorder').myunselect.replace(/(^|\W+)this(\W+|$)/g,"$1document.all('btVisibleBorder')$2"))() } } //初始化设计视窗 function initIfrmDesign(mode,hasEvent){ with(ifrmDesign.document){ designMode=mode open() write(myEditor.HTML) close() execCommand("2D-Position",true,true); execCommand("MultipleSelection", true, true); execCommand("LiveResize", true, true); if(hasEvent){ //为什么要加入 setTimeout() ,我也不清楚原因,但这样才达到想要的效果 //可能是因为 selection 的产生是发生在事件之后,所以要延迟来取得 selection onmousedown=new Function('hideDropdown();setTimeout(showTagPath,1)') onkeydown=new Function('return doShortcutKey(ifrmDesign.event)') //onkeypress=onkeyup=doSameContent onselectionchange=doSameContent } } } //视图按钮点击 function doViewButtonClick(btId){ var bt=document.all(btId) if(bt.length){ bt[bt.length-1].onclick() }else{ bt.onclick() } saveSelection() } //改变视图 function changeView(view){ view=view.toCapitalize() if(myEditor.currentView==view)return; if (view=='Text'){ if (!confirm("警告！切换到纯文本视窗会丢失您所有的HTML格式，您确认切换吗？")){ if(myEditor.currentView){ doViewButtonClick('bt'+myEditor.currentView) } return false; } }else{ if (!myEditor.isIE55OrMore){ alert("HTML设计视窗需要IE5.5版本以上的支持！"); doViewButtonClick('btText') return false; } } if(myEditor.currentView){ switch(myEditor.currentView){ case 'Code': myEditor.HTML=taCode.value if(view=='Text'){ myEditor.text=ifrmDesign.document.body.innerText } break; case 'Split': myEditor.HTML=taCode.value if(view=='Text'){ myEditor.text=ifrmDesign.document.body.innerText } break; case 'Design': myEditor.HTML=ifrmDesign.document.all[0].outerHTML; if(view=='Text'){ myEditor.text=ifrmDesign.document.body.innerText } break; case 'Text': myEditor.HTML=''+htmlEncode(taCode.value)+'' break; case 'Preview': try{myEditor.HTML=ifrmDesign.document.all[0].outerHTML;}catch(e){}; break; } } var arrObj=[tdInsertbarTop,tdInsertbar,tdInsertbarBottom,tdStandardbar,tdCode,tdViewSeparator,tdDesign,tdTagPath,tdBottomPanel] for(var i=0;iarr.length) currLine = arr.length; var str_tmp = ""; for(var i=0; i/.test(txt)?txt.indexOf('>')+1:0)//前面去除 [^<]*> 的选区 rng.moveEnd('character',/<[^>]*$/.test(txt)?-(txt.length-txt.lastIndexOf('<')):0)//后面去除 <[^>]* 的选区 } myEditor.selectionText=(type=='Control'?'':rng.text).replace(/(\n)/g,'') myEditor.selectionHTML=(type=='Control' ?(rng.item ? rng.item(0).outerHTML : '' ) :((myEditor.activateWin=='Code'||myEditor.currentView=='Code') ?rng.text :rng.htmlText ) ).replace(/(\n)/g,'') } } } //execCommand方法 function doCommand(cmd,f,v){ if(cmd=="copy"||cmd=="delete"||cmd=="cut"){ myEditor.document.execCommand(cmd) }else{ if(myEditor.activateWin=="Code"){ doCommandForCode(cmd,f,v) }else{ var tmpDoc=myEditor.selectionType=="NONE" ? ifrmDesign.document : myEditor.selectionRange myEditor.selectionRange.select() if(cmd){ if(f!=null){ if(v!=null){ tmpDoc.execCommand(cmd,f,v) }else{ tmpDoc.execCommand(cmd,f) } }else{ tmpDoc.execCommand(cmd) } } } } doSameContent() } //execCommand方法,适用于代码视窗 function doCommandForCode(cmd,f,v){ var rng = myEditor.selectionRange; var txt = rng.text!=null?rng.text:"" ; rng.moveStart('character',/^[^<]*>/.test(txt)?txt.indexOf('>')+1:0)//前面去除 [^<]*> 的选区 rng.moveEnd('character',/<[^>]*$/.test(txt)?-(txt.length-txt.lastIndexOf('<')):0)//后面去除 <[^>]* 的选区 divTemp.innerHTML = rng.text!=null?rng.text:""; var objTextRange = document.body.createTextRange() with(objTextRange){ moveToElementText(divTemp); select() if(cmd){ if(f!=null){ if(v!=null){ execCommand(cmd,f,v) }else{ execCommand(cmd,f) } }else{ execCommand(cmd) } } } rng.text=divTemp.innerHTML //恢复改变后的选区 rng.moveStart('character',-divTemp.innerHTML.replace(/\n/g,'').length) rng.select() divTemp.innerHTML = "" ; } function doPaste(){ if(myEditor.activateWin=='Code'||myEditor.currentView=='Code'){ insert(clipboardData.getData("Text")) }else{ divTemp.innerHTML = "" var objTextRange = document.body.createTextRange() objTextRange.moveToElementText(divTemp); objTextRange.execCommand('paste') var re = /<\w[^>]* class="?MsoNormal"?/gi if ( re.test(divTemp.innerHTML)){ if ( confirm( "你要粘贴的内容好象是从Word中拷出来的，是否要先清除Word格式再粘贴？" ) ){ divTemp.innerHTML=cleanWord( divTemp.innerHTML); } } insert(divTemp.innerHTML) } } // 清除WORD冗余格式 function cleanWord( html,flag ) { if(flag){ html=myEditor.HTML } // Remove all SPAN tags html = html.replace(/<\/?SPAN[^>]*>/gi, "" ); // Remove Class attributes html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ; // Remove Style attributes html = html.replace(/<(\w[^>]*) style="([^"]*)"([^>]*)/gi, "<$1$3") ; // Remove Lang attributes html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ; // Remove XML elements and declarations html = html.replace(/<\\?\?xml[^>]*>/gi, "") ; // Remove Tags with XML namespace declarations: html = html.replace(/<\/?\w+:[^>]*>/gi, "") ; // Replace the html = html.replace(/ /, " " ); // Transform

to

var re = new RegExp("(]*>.*?)(<\/P>)","gi") ; // Different because of a IE 5.0 error html = html.replace( re, "" ) ; if(flag){ taCode.value=html doSameContent('Code') }else{ return html } } //设置样式 //attribute,value 可为数组 //此函数写得太烦琐,下一版本写成多个函数,或写成一个类 function setStyle(attribute,value,tagName,forceApply){ if(attribute==null){ alert("参数无效,可能未设置") return } var arrAttribute=[''],arrValue=[''] if(typeof(attribute)== 'object'){ arrAttribute=attribute arrValue=value } var doc=myEditor.document var rng = myEditor.selectionRange; // if(empty(rng.htmlText)&&myEditor.selectionType!='CONTROL')return; tagName=empty(tagName) ? 'SPAN' : tagName.toUpperCase() if(myEditor.activateWin=='Code'||myEditor.currentView=='Code'){ var skip=false var txt=rng.text!=null?rng.text:""; rng.moveStart('character',/^[^<]*>/.test(txt)?txt.indexOf('>')+1:0) rng.moveEnd('character',/<[^>]*$/.test(txt)?-(txt.length-txt.lastIndexOf('<')):0) //我们必需使用 divTemp.innerHTML 存 rng.text,使文本规范化 divTemp.innerHTML= rng.text!=null?rng.text:"" ; if(/^<((.+)|(.+>.*<\/.+))>$/i.test(divTemp.innerHTML)){ if(forceApply||divTemp.firstChild.tagName==tagName){ for(var i=0;i' var closeTag=openTag==''?'':'' divTemp.innerHTML=openTag+divTemp.innerHTML+closeTag if(tagName=='FONT'){divTemp.firstChild.removeAttribute('size')} } rng.text=divTemp.innerHTML rng.moveStart('character',-divTemp.innerHTML.replace(/\n/g,'').length) }else{ if(myEditor.selectionType=='CONTROL'){ var elt=myEditor.selectionItem //如果当前选区的标签和我们提供的标签一致,且内容一样,我们就直接在此对象上设置样式 if(forceApply||elt.tagName==tagName||(elt.parentNode.tagName==tagName&&elt.parentNode.innerHTML==elt.outerHTML)){ elt=(elt.tagName==tagName||forceApply)?elt:elt.parentNode for(var i=0;i' var closeTag=openTag==''?'':'' var length=divTemp.innerText.replace(/\n/g,'').length saveSelection() rng.pasteHTML(openTag+divTemp.innerHTML+closeTag) //pasteHTML() 会在内容周围包含额外的标签,所以我们就去掉额外的标签 if(elt.childNodes.length==1&&elt.firstChild.tagName&&needToRemoveTag(elt,elt.firstChild)){ elt.innerHTML=elt.firstChild.innerHTML } rng.moveStart('character',-length) } } } rng.select() divTemp.innerHTML='' doSameContent() } //插入,注意:如果不是标签,则 value 必为这样 <*>[] 的格式,否则可能会自动附加一对额外的标签 //value:插入的内容,flag:标记,flag的值为"select","TAGNAME"时插入内容后会选中内容 //"TAGNAME"用于检查是否想插入一个标签,这时value为标签名称 function insert(value,flag){ var doc=myEditor.document var rng = myEditor.selectionRange; flag=empty(flag)?'':flag if(myEditor.activateWin=='Code'||myEditor.currentView=='Code'){//代码窗口 var txt=rng.text!=null?rng.text:""; rng.moveStart('character',/^[^<]*>/.test(txt)?txt.indexOf('>')+1:0) rng.moveEnd('character',/<[^>]*$/.test(txt)?-(txt.length-txt.lastIndexOf('<')):0) if(flag.toLowerCase()=='tagname'){ value="<"+value+">"+(rng.text!=null?rng.text:"")+"" } rng.text=value rng.moveStart('character',-value.replace(/\n/g,'').length) }else{//设计窗口 //如果选中的是控件 if(myEditor.selectionType=='CONTROL'){ var newElt,elt=myEditor.selectionItem //我们就用新的元素来替换 if(flag.toLowerCase()=='tagname'){ newElt=doc.createElement(value) newElt.innerHTML=elt.outerHTML }else{ //如果插入的内容不符合 <*>[] 的格式,则我们附加一对额外的标签再替换 newElt=doc.createElement('span') var startTagName=value.replace(/^<([^<>\s]+).*/,'$1').toUpperCase() var endTagName=value.replace(/.*<\/?([^<>\s]+).*>$/,'$1').toUpperCase() newElt.innerHTML=startTagName==endTagName? value : ''+value+'' newElt=newElt.firstChild } elt.replaceNode(newElt) try{ rng = doc.body.createTextRange() ; rng.moveToElementText(elt) ; }catch(e){} }else{ var length var elt=myEditor.selectionElement if(flag.toLowerCase()=='tagname'){ var html=rng.htmlText!=null?rng.htmlText:'' //因为这种情况下 pasteHTML() 会在内容周围包含额外的标签,所以我们就预先去掉此标签 if(/^<[^<>]+>/.test(html)){ divTemp.innerHTML=html html=divTemp.firstChild.innerHTML divTemp.removeChild(divTemp.firstChild) html+=divTemp.innerHTML } value="<"+value+">"+(html)+"" length=rng.text.replace(/\n/g,'').length }else{ divTemp.innerHTML=value //去掉重复的标签 if(divTemp.childNodes.length==1&&divTemp.firstChild.tagName&&needToRemoveTag(elt,divTemp.firstChild)){ divTemp.innerHTML=divTemp.firstChild.innerHTML } length=divTemp.innerText.replace(/\n/g,'').length } //确保焦点,否则 pasteHTML() 时可能会出错 saveSelection() try{ rng.pasteHTML(value) if(elt.childNodes.length==1&&elt.firstChild.tagName&&needToRemoveTag(elt,elt.firstChild)){ elt.innerHTML=elt.firstChild.innerHTML } }catch(e){} rng.moveStart('character',-length) } } if(flag.toLowerCase()=='select'||flag=='TAGNAME'){ rng.select() }else{ rng.collapse(false) } divTemp.innerHTML='' saveSelection() doSameContent() } function needToRemoveTag(elt,elt0){ // ^o^ 哦!用正规表达式简单一点 try{//因为有些标签没有 innerHTML 属性 if(elt.canHaveHTML&&elt0.canHaveHTML){ var html0=elt.outerHTML var html1=elt.innerHTML var index=html0.indexOf(html1) var html2=html0.substring(0,index)+html0.substr(index+html1.length) html0=elt0.outerHTML html1=elt0.innerHTML index=html0.indexOf(html1) var html3=html0.substring(0,index)+html0.substr(index+html1.length) if(html2==html3 && elt.childNodes.length==1){ return true } } }catch(e){} return false } //历史记录 function saveHistory(){ //初始化历史 if(!myEditor.history.length){ myEditor.history.index=0 myEditor.history[0]= { HTML:myEditor.HTML, bookmark:'', view:myEditor.currentView, win:myEditor.activateWin } } if( myEditor.history[myEditor.history.index] && myEditor.history[myEditor.history.index].HTML && myEditor.history[myEditor.history.index].HTML!=myEditor.HTML ){ //如果历史记录已满,则清除旧的记录 if(myEditor.history.length=myEditor.history.length)return; myEditor.history.index=index //返回历史记录 myEditor.HTML=taCode.value=myEditor.history[index].HTML initIfrmDesign('On',true) myEditor.bodyHTML=ifrmDesign.document.body.innerHTML myEditor.text=ifrmDesign.document.body.innerText //showLine() //改变视图 if(myEditor.history[index].view && myEditor.history[index].view!=myEditor.currentView){ doViewButtonClick('bt'+myEditor.history[index].view) } //设置选区 if(myEditor.history[index].win && myEditor.history[index].win=='Code'){ if(myEditor.history[index].bookmark){ var rng=document.body.createTextRange() rng.moveToBookmark(myEditor.history[index].bookmark) rng.select() } }else{ if(myEditor.history[index].bookmark){ var rng=ifrmDesign.document.body.createTextRange() //确保选区准确,所以用两次 rng.select() //^_^其实还不是很准确 rng.select() if(myEditor.history[index].bookmark== "[object]"){ if(/^(table|img)$/i.test(myEditor.history[index].bookmark.tagName)){ rng=ifrmDesign.document.body.createControlRange() rng.addElement(myEditor.history[index].bookmark) }else{ try{ rng.moveToElementText(myEditor.history[index].bookmark) }catch(e){} } }else{ rng.moveToBookmark(myEditor.history[index].bookmark) } rng.select() } } //显示边框和不可见元素 showBordersAndHiddenElements(myEditor.visible) } //快捷键 function doShortcutKey(evt){ evt = evt !=null?evt:event var char = String.fromCharCode(evt.keyCode).toUpperCase(); if(/(Code)|(Design)|(Split)/i.test(myEditor.currentView)){ if (evt.ctrlKey){ switch(char){ case 'D':// Ctrl+D:从Word粘贴 return false break; case 'F':// Ctrl+F:查找替换 return false break; case 'Y':// Ctrl+Y:重做 gotoHistory(1) return false break; case 'Z':// Ctrl+Z:撤销 gotoHistory(-1) return false break; case 'V': if(myEditor.activateWin=='Design'){ doPaste(); return false } break; case '': return false break; case '': return false break; } } //小回车 Shift+Enter if(myEditor.activateWin=='Design' && document.all('chkBR').checked && evt.keyCode==13 && !evt.shiftKey && evt.srcElement.tagName=='BODY'){ with(ifrmDesign.document.selection.createRange()){ pasteHTML('
') select(); evt.cancelBubble = true; evt.returnValue = false; moveEnd("character", 1); moveStart("character", 1); collapse(false); } return false } } return true; } //显示边框和不可见元素 function showBordersAndHiddenElements(flag) { var allElements=[] myEditor.visible=flag!=null? flag : !myEditor.visible with(ifrmDesign.document){ var arrTagName=["FORM","INPUT","TABLE","TD","TH","A","DIV","SPAN","IFRAME"] for(var i=0;i0 && parseInt(borderRightWidth)>0 && parseInt(borderTopWidth)>0 && parseInt(borderBottomWidth)>0 } with(elt.runtimeStyle){ ret1= parseInt(borderLeftWidth)>0 && parseInt(borderRightWidth)>0 && parseInt(borderTopWidth)>0 && parseInt(borderBottomWidth)>0 } return ret1?'2':(ret0?'1':'0') } function hasBackground(){ var ret0,ret1 with(elt.currentStyle){ ret0= backgroundColor!='transparent' || backgroundImage!='none' } with(elt.currentStyle){ ret1= backgroundColor!='transparent' || backgroundImage!='none' } return ret1?'2':(ret0?'1':'0') } for(var i=0;i<body'+(obj.className!=''?'.'+obj.className:'')+(obj.id!=''?'#'+obj.id:'')+'>' }else{ return createTagPath(obj.parentElement)+('<'+obj.tagName.toLowerCase()+(obj.className!=''?'.'+obj.className:'')+(obj.id!=''?'#'+obj.id:'')+'>') } } saveSelection() tdAdvancedProperties.obj=myEditor.selectionElement divTagPath.innerHTML='' +createTagPath(myEditor.selectionElement) +'

' divTagPath.scrollLeft=divTagPath.scrollWidth-divTagPath.offsetWidth for(var i=0;i' break; case 'text': myEditor.HTML='' break; } }else{ myEditor.HTML='' } taCode.value=myEditor.HTML initIfrmDesign('On',true) } function setEditorSize(size){ if(myEditor.inIframe){ var height = parseInt(myEditor.myIframe.offsetHeight); if (height+size>=400){ myEditor.myIframe.style.pixelHeight=height+size; } } }