【 tulaoshi.com - Web开发 】
代码如下:
html
head
/head
body
style
#x_edit{
height:320px;
width:540px;
border:1px solid #666666;
color:red;
filter:chroma(color="#0f0f0f");
background-color:#f0f0f0;
font-family:verdana;
font-size:11px;
line-height:13px;
margin-left:16px;
overflow:scroll;
border-left:none;
scrollbar-arrow-color:#666666;
scrollbar-base-color:#666666;
scrollbar-darkshadow-color:#f0f0f0;
scrollbar-face-color:#f0f0f0;
}
/style
span onclick="abc()"格式化/span
div contentEditable="true" id="x_edit" style='position:relative;line-height:13px;background-color:#f0f0f0;filter:Chroma(color=#FDFEFF);width:540px;height:320px;overflow:auto;white-space: nowrap; z-index: 2;border:0px'
PhtmlBRheadBR/headBRbodyBRstyleBR#x_edit,#x_edit1{BR height:320px;BR width:540px;BR border:1px solid #666666;/P
P color:red;/P
P filter:chroma(color="#0f0f0f");BR background-color:#f0f0f0;BR font-family:verdana;BR font-size:11px;BR line-height:13px;BR margin-left:16px;BR overflow:scroll;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/styleBRspan onclick="abc()"试试获得selection的top,然后加上div的scrollTop,然后除以行高/spanBRspan id="a" onclick="alert('a')"a/spanBRspan id="b" onclick="alert('b')"b/spanBRspan id="c" onclick="alert('c')"BRc/spanBRspan id="d" onclick="alert('d')"d/spanBRspan id="e" onclick="alert('e')"e/spanBRspan id="f" onclick="alert('f')"f/spanBRBRspan id="g"BR onclick="alert('g')"g/spanBRtextarea id="x_edit" wrap=off/textareaBRdiv contentEditable="true" id="x_edit1" style='position:relative;line-height:13px;background-color:#f0f0f0;filter:Chroma(color=#FDFEFF);width:540px;height:320px;overflow:auto;white-space: nowrap; z-index: 2;border:0px'/divBRscriptBRfunction abc(){BR //s=x_edit1.innerText;BR var s=x_edit.value;BR s=s.replace(/n/gi,"");BR //s=s.replace(/(w+)(.*?)[^]/gi,""+aaa("$1$2")+"");BR s=s.replace(/(.*?)[^]/gi,""+aaa("$1")+"");BR s=s.replace(/n/gi,"@");BR //var LineValue=x_edit1.innerText.split("r")BR /*var LineValue=x_edit.value.split("r")BRfor(var i=0;iLineValue.length;i++){BR LineValue[i]=LineValue[i].replace(/(".*")/gi,"$1".replace(//gi,"xef").replace(//gi,"xff"))BR LineValue[i]=LineValue[i].replace(/(.*[^])/gi,""+"$1"+"r")BR LineValue[i]=LineValue[i].replace(/rr/gi,"r")BR LineValue[i]=LineValue[i].replace(/(".*")/gi,"$1".replace(/xef/gi,"").replace(/xff/gi,""))BR}*/BR //x_edit1.innerText=LineValue.join("");BR //x_edit.value=LineValue.join("");BR x_edit.value=s;BR //x_edit1.innerText=s;BR}BRfunction aaa(str){BR str=str.replace(/r/gi," ");BR return str;BR}BR/scriptBR/bodyBR/html/P
/div
script
function abc(){
var s=x_edit.innerText;
s=s.replace(//?(w+[sS]*?)/gi,function(a){return a.replace(/[rn]/gi,"")});
x_edit.innerText=s;
}
/script
/body
/html