#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;
}
格式化
<html>
<head>
</head>
<body>
<style>
#x_edit,#x_edit1{
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()">试试获得selection的top，然后加上div的scrollTop，然后除以行高</span>
<span id="a" onclick="alert('a')">a</span>
<span id="b" onclick="alert('b')">b</span>
<span id="c" onclick="alert('c')"
>c</span>
<span id="d" onclick="alert('d')">d</span>
<span id="e" onclick="alert('e')">e</span>
<span id="f" onclick="alert('f')">f</span
>
<span id="g"
onclick="alert('g')">g</span>
<textarea id="x_edit" wrap=off></textarea>
<div 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'></div>
<script>
function abc(){
//s=x_edit1.innerText;
var s=x_edit.value;
s=s.replace(/n/gi,"");
//s=s.replace(/<(w+)(.*?)[^<>]>/gi,"<"+aaa("$1$2")+">");
s=s.replace(/<(.*?)[^<>]>/gi,"<"+aaa("$1")+">");
s=s.replace(/n/gi,"@");
//var Linevalue=x_edit1.innerText.split("r")
//x_edit1.innerText=Linevalue.join("");
//x_edit.value=Linevalue.join("");
x_edit.value=s;
//x_edit1.innerText=s;
}
function aaa(str){
str=str.replace(/r/gi," ");
return str;
}
</script>
</body>
</html>
