测试版（仅支持ie5.5+，且一个页面里只能放一个）
收集意见

功能：
1.动态分析，智能折叠，ctrl+Enter强制重建
2.tab键输出两个空格(若选区为多行，各行前加入两空格，同时按shift键反之)，Ctrl+T替换\t为俩空格
3.回车自动缩进
4.Ctrl+W预览

限制：
1.取消了右键菜单(复制剪切粘贴可使用键盘)
2.暂不支持文本拖放
3.Ctrl+Z将撤销所有操作
4.块起止测试并不严格，且未考虑vbscript
5.运行效率有待改进

运行代码框
<style> <br>body{ <br> text-align:center; <br> } <br>#oTxt,#oBox{ <br> height:440px; <br> border:none; <br> border:1px solid #666666; <br> } <br>#oTxt{ <br> width:740px; <br> color:#333333; <br> background-color:#f0f0f0; <br> font-family:verdana; <br> font-size:11px; <br> line-height:13px; <br> margin-left:16px; <br> overflow:auto; <br> border-left:none; <br> scrollbar-arrow-color:#666666; <br> scrollbar-base-color:#666666; <br> scrollbar-darkshadow-color:#f0f0f0; <br> scrollbar-face-color:#f0f0f0; <br> } <br>#oBox{ <br> position:absolute; <br> width:15px; <br> overflow-y:hidden; <br> background-color:#e0e0e0; <br> padding-top:1px; <br> margin-top:1px; <br> padding-bottom:19px; <br> border-right:none; <br> } <br></style> <br><script> <br>/* <br> 测试版（仅支持ie5.5+，且一个页面里只能放一个） <br> 收集意见 <br> <br> 功能： <br> 1.动态分析，智能折叠，ctrl+Enter强制重建 <br> 2.tab键输出两个空格(若选区为多行，各行前加入两空格，同时按shift键反之)，Ctrl+T替换\t为俩空格 <br> 3.回车自动缩进 <br> 4.Ctrl+W预览 <br> <br> 限制： <br> 1.取消了右键菜单(复制剪切粘贴可使用键盘) <br> 2.暂不支持文本拖放 <br> 3.Ctrl+Z将撤销所有操作 <br> 4.块起止测试并不严格，且未考虑vbscript <br> 5.运行效率有待改进 <br>*/ <br>window.onload=function(){ <br> oBox.mLine="http://free.txd.cn/mozart0/img/line.gif"; <br> oBox.mPlus="http://free.txd.cn/mozart0/img/plus.gif"; <br> oBox.mMinus="http://free.txd.cn/mozart0/img/minus.gif"; <br> oBox.mEnd="http://free.txd.cn/mozart0/img/end.gif"; <br> oBox.isPlus=function(o){ <br> return /plus\./.test(o.src); <br> } <br> oBox.isMinus=function(o){ <br> return /minus\./.test(o.src); <br> } <br> oBox.isLine=function(o){ <br> return /line\./.test(o.src); <br> } <br> oBox.isEnd=function(o){ <br> return /end\./.test(o.src); <br> } <br> oBox.childrenVisible=function(index){ <br> var t=this.children[index]; <br> while(t.style.display=="none") <br> t=t.nextSibling; <br> var x=t.offsetTop/t.height; <br> while(x<index){ <br> t=t.nextSibling; <br> if(t.style.display!="none") <br> x++; <br> } <br> return t; <br> } <br> oBox.hideBlock=function(index){ <br> var n=1,x=1; <br> var c=this.children; <br> c[index].src=this.mPlus; <br> while(++index<c.length&&n){ <br> var t=c[index]; <br> if(t.style.display!="none"){ <br> x++; <br> t.style.display="none"; <br> } <br> if(this.isEnd(t)) <br> n--; <br> else if(!this.isLine(t)) <br> n++; <br> } <br> return x; <br> } <br> oBox.showBlock=function(index,b){ <br> var index0=index,c=oBox.children; <br> c[index].src=b?this.mMinus:this.mPlus; <br> c[index].style.display="block"; <br> index++; <br> if(b) <br> while(index<c.length){ <br> var t=c[index]; <br> if(this.isLine(t)){ <br> t.style.display="block"; <br> index++; <br> } <br> else if(this.isEnd(t)){ <br> t.style.display="block"; <br> break; <br> } <br> else <br> index+=this.showBlock(index,this.isMinus(t)) <br> } <br> else{ <br> var n=1; <br> while(index<c.length){ <br> var t=c[index]; <br> t.style.display=="none"; <br> if(this.isEnd(t)){ <br> if(--n==0) <br> break; <br> } <br> else if(!this.isLine(t)) <br> n++; <br> index++; <br> } <br> } <br> return index-index0+1; <br> } <br> oBox.refresh=function(o,str){ <br> o.src=this.judge(str); <br> o.storeText=str; <br> } <br> oBox.judge=function(s){ <br> var l=/\{/.test(s),r=/\}/.test(s); <br> if(l&&!r) <br> return this.mMinus; <br> if(!l&&r) <br> return this.mEnd; <br> s=s.replace(/<(\w+).*<\/\1>/g,"<$1/>"); <br> l=/^\s*<\w+[^\/]+[>\r]/.test(s); <br> r=/\/>/.test(s); <br> if(l&&!r) <br> return this.mMinus; <br> r=/<\/\w+>/.test(s); <br> if(r) <br> return this.mEnd; <br> return this.mLine; <br> } <br> oBox.onclick=function(){ <br> var o=event.srcElement; <br> if(o==this) <br> return; <br> var vIndex=(o.offsetTop-1)/oTxt.lineHeight; <br> var index=vIndex; <br> var t=this.children[vIndex]; <br> while(t!=o){ <br> t=t.nextSibling; <br> index++; <br> } <br> if(this.isMinus(o)) <br> oTxt.hideLines(vIndex,this.hideBlock(index)); <br> else if(this.isPlus(o)) <br> oTxt.showLines(vIndex,this.showBlock(index,true)); <br> oBox.scrollTop=oTxt.scrollTop; <br> } <br> oTxt.lineHeight=13; <br> oTxt.strSpecial="......"; <br> oTxt.regSpecial=/\.{6}\r?$/; <br> oTxt.strTab=" "; <br> oTxt.bFixed=false; <br> oTxt.originalValue=oTxt.value; <br> oTxt.trueValue=function(){ <br> for(var s="",c=oBox.children,i=0;i<c.length-1;i++) <br> s+=c[i].storeText+"\n"; <br> return s+c[i].storeText; <br> } <br> oTxt.lineNumber=function(r){ <br> var t=this.createTextRange(); <br> return Math.round((r.boundingTop-t.boundingTop)/this.lineHeight); <br> } <br> oTxt.rngAtHome=function(r){ <br> var t=this.createTextRange(); <br> return r.boundingLeft==t.boundingLeft&&r.boundingTop==t.boundingTop; <br> } <br> oTxt.rngAtEnd=function(r){ <br> var t=this.createTextRange(); <br> t.collapse(false); <br> return r.boundingLeft==t.boundingLeft&&r.boundingTop==t.boundingTop; <br> } <br> oTxt.hideLines=function(ifrom,n){ <br> var a=this.value.match(/.+/mg); <br> for(var i=1;i<n;i++) <br> a[ifrom+i]=""; <br> a[ifrom]=a[ifrom].replace(/\r/,this.strSpecial); <br> if(ifrom+n<a.length) <br> a[ifrom]+="\r"; <br> this.value=a.join(""); <br> } <br> oTxt.showLines=function(ifrom,n){ <br> var a=this.value.match(/.+/mg); <br> var t=oBox.childrenVisible(ifrom).nextSibling; <br> for(var s="",i=0;t&&i<n-1;i++,t=t.nextSibling) <br> if(t.style.display!="none"){ <br> if(!oBox.isPlus(t)) <br> s+=t.storeText; <br> else <br> s+=t.storeText.replace(/\r?$/,this.strSpecial+"\r"); <br> } <br> a[ifrom]=a[ifrom].replace(this.regSpecial,"\r"+s); <br> this.value=a.join(""); <br> } <br> oTxt.ondrag= <br> oTxt.ondrop= <br> oTxt.oncontextmenu=function(){ <br> return false; <br> } <br> oTxt.onscroll=function(){ <br> oBox.scrollTop=this.scrollTop; <br> } <br> oTxt.onkeydown=function(){ <br> if(event.keyCode>=33&&event.keyCode<=40) <br> return true; <br> var r=document.selection.createRange(); <br> var t=oBox.childrenVisible(this.lineNumber(r)); <br> if(!r.text){ <br> if(oBox.isPlus(t)) <br> return false; <br> } <br> else{ <br> var n=Math.floor(r.boundingHeight/this.lineHeight); <br> for(var i=0,t1=t.nextSibling;i<n&&t1;i++,t1=t1.nextSibling) <br> if(t1.style.display=="none") <br> return false; <br> } <br> this.bFixed=false; <br> var k=event.keyCode; <br> if(k==9){ //Tab <br> var r1=r.duplicate(); <br> if(r.boundingHeight>this.lineHeight){ <br> if(!event.shiftKey){ <br> r.text=r.text.replace(/^(.)/mg,this.strTab+"$1"); <br> for(var i=0,t1=t;i<n;i++,t1=t1.nextSibling) <br> t1.storeText=this.strTab+t1.storeText; <br> } <br> else{ <br> var reg=new RegExp("^"+this.strTab,"mg"); <br> r.text=r.text.replace(reg,""); <br> for(var i=0,t1=t;i<n;i++,t1=t1.nextSibling) <br> t1.storeText=t1.storeText.replace(reg,""); <br> } <br> r.setEndPoint("StartToStart",r1) <br> r.select(); <br> this.bFixed=true; <br> } <br> else <br> fix(r,this.strTab); <br> return false <br> } <br> if(k==13){ //Enter <br> if(event.ctrlKey) <br> build(); <br> else{ <br> var r1=r.duplicate(); <br> var x=this.createTextRange(); <br> this.scrollLeft=0; <br> r1.moveToPoint(x.offsetLeft,r.offsetTop); <br> r1.setEndPoint("EndToStart",r); <br> fix(r,"\r\n"+r1.text.replace(/\S.*/,"")); <br> } <br> return false; <br> } <br> if(k==46){ //Del <br> if(!r.boundingWidth){ <br> if(this.rngAtEnd(r)){ <br> this.bfixed=true; <br> return; <br> } <br> r.moveEnd("character",1); <br> } <br> fix(r,""); <br> return false; <br> } <br> if(k==8){ //BackSpace <br> if(!r.boundingWidth){ <br> if(this.rngAtHome(r)){ <br> this.bfixed=true; <br> return true; <br> } <br> r.moveStart("character",-1); <br> } <br> fix(r,""); <br> return false; <br> } <br> if(k==87){ //ctrl+W <br> if(!event.ctrlKey) <br> return true; <br> try{ <br> this.win.navigate("about:blank"); <br> } <br> catch(e){ <br> this.win=window.open("about:blank"); <br> } <br> this.win.document.write(this.trueValue()); <br> this.win.focus(); <br> this.win.document.close(); <br> return false; <br> } <br> if(k==84){ //Ctrl+T <br> if(!event.ctrlKey) <br> return true; <br> this.value=this.value.replace(/\t/g,this.strTab); <br> for(var i=0,c=oBox.children;i<c.length;i++) <br> c[i].storeText=c[i].storeText.replace(/\t/g,this.strTab); <br> oTxt.bFixed=true; <br> return false; <br> } <br> if(k==86){ //Ctrl+V <br> if(!event.ctrlKey) <br> return true; <br> fix(r,clipboardData.getData("text")); <br> return false; <br> } <br> if(k==88){ //Ctrl+X <br> if(!event.ctrlKey||!r.boundingWidth) <br> return true; <br> var s=r.text; <br> if(!s) <br> for(var i=0,n=Math.floor(r.boundingHeight/this.lineHeight);i<n;i++) <br> s+="\r\n"; <br> else{ <br> var r1=r.duplicate(); <br> r1.moveEnd("character",1); <br> if(r.text==r1.text&&r.boundingTop==r1.boundingTop) <br> s+="\r\n"; <br> } <br> clipboardData.setData("text",s); <br> fix(r,""); <br> return false; <br> } <br> if(k==90){ //Ctrl+Z <br> if(!event.ctrlKey) <br> return true; <br> this.value=this.originalValue; <br> build(); <br> return false; <br> } <br> return true; <br> } <br> oTxt.onkeyup=function(){ <br> if(this.bFixed) <br> return; <br> var k=event.keyCode; <br> if(k==32||k>=48&&k<=111||k>=186&&k<=192||k>=219&&k<=222){ <br> var n=this.lineNumber(document.selection.createRange()); <br> oBox.refresh(oBox.childrenVisible(n),this.value.split("\n")[n]); <br> } <br> } <br> function fix(rng,str){ <br> oTxt.bFixed=true; <br> var t0=oTxt.lineNumber(rng); <br> var t1=t0+Math.floor(rng.boundingHeight/oTxt.lineHeight); <br> rng.text=str; <br> rng.select(); <br> var t2=oTxt.lineNumber(rng)+1; <br> var a=oTxt.value.split("\n"); <br> var o=oBox.childrenVisible(t0); <br> if(t1<=t2){ <br> for(i=t0;i<t1;i++,o=o.nextSibling) <br> oBox.refresh(o,a[i]); <br> for(i=t2-1;i>=t1;i--) <br> oBox.refresh(o=oBox.insertBefore(new Image(),o),a[i]); <br> } <br> else{ <br> for(i=t0;i<t2;i++,o=o.nextSibling) <br> oBox.refresh(o,a[i]); <br> for(;i<t1;i++){ <br> var next=o.nextSibling; <br> oBox.removeChild(o); <br> o=next; <br> } <br> } <br> while(a.length<oBox.children.length){ <br> var next=o.nextSibling; <br> oBox.removeChild(o); <br> o=next; <br> } <br> oBox.scrollTop=oTxt.scrollTop; <br> } <br> function build(){ <br> oBox.innerHTML=""; <br> if(!oTxt.value) <br> return; <br> var a=oTxt.value.split("\n"); <br> for(var i=0;i<a.length;i++) <br> oBox.refresh(oBox.appendChild(new Image()),a[i]); <br> oTxt.bFixed=true; <br> } <br> build(); <br> } <br></script> <br><div id=oBox></div> <br><textarea id=oTxt wrap=off><script> <br>function fix(rng,str){ <br> oTxt.bFixed=true; <br> var t0=oTxt.lineNumber(rng); <br> var t1=t0+Math.floor(rng.boundingHeight/oTxt.lineHeight); <br> rng.text=str; <br> rng.select(); <br> var t2=oTxt.lineNumber(rng)+1; <br> var a=oTxt.value.split("\n"); <br> var o=oBox.childrenVisible(t0); <br> if(t1<=t2){ <br> for(i=t0;i<t1;i++,o=o.nextSibling) <br> oBox.refresh(o,a[i]); <br> for(i=t2-1;i>=t1;i--) <br> oBox.refresh(o=oBox.insertBefore(new Image(),o),a[i]); <br> } <br> else{ <br> for(i=t0;i<t2;i++,o=o.nextSibling) <br> oBox.refresh(o,a[i]); <br> for(;i<t1;i++){ <br> var next=o.nextSibling; <br> oBox.removeChild(o); <br> o=next; <br> } <br> } <br> while(a.length<oBox.children.length){ <br> var next=o.nextSibling; <br> oBox.removeChild(o); <br> o=next; <br> } <br> oBox.scrollTop=oTxt.scrollTop; <br> } <br>function build(){ <br> oBox.innerHTML=""; <br> if(!oTxt.value) <br> return; <br> var a=oTxt.value.split("\n"); <br> for(var i=0;i<a.length;i++) <br> oBox.refresh(oBox.appendChild(new Image()),a[i]); <br> oTxt.bFixed=true; <br> } <br></script> <br><center> <br> <h1>Hello world</h1> <br> <hr id="emptyTag"/> <br> <div id="multiLineTag" <br> style="text-align:right;font-size:11px;font-family:tahoma"> <br> by mozart0@2005.12.26<br/> <br> qq76239711<br/> <br> <a href="mailto:mozart0@etang.com">mozart0@etang.com</a> <br> </div> </center></textarea>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

原帖地址:
http://www.blueidea.com/bbs/NewsDetail.asp?id=2395282