Copy Code code as follows:
<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 ()" > Formatting </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 ' >
<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></style><br><span onclick= "ABC ()" > try to get top of selection, Then add the div's scrolltop, then divide by row high </span><br><span id= "a" onclick= "alert (' a ')" >a</span ><br><span id= "B" onclick= "alert (' B ')" >b</span><br><span id= "C" onclick= "alert (' C ')" <br>>c</span><br><span id= "D" onclick= "alert (' d ')" >d</span><bR><span id= "E" onclick= "alert (' E ')" >e</span><br><span id= "F" onclick= "alert (' F ')" >f</span<br>><br><span id= "G" <br> onclick= "alert (' G ') ">g</span><br><textarea id=" X_edit " wrap=off></textarea><BR>< 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><BR><script><BR>function 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 ("$") + ">") <br> s=s.replace (/\n/gi, "@");<br> //var linevalue=x_edit1.innertext.split ("\ r") <br> /*var linevalue =x_edit.value.split ("\ R") <br>for (var i=0;i<linevalue.length;i++) {<br> linevalue[i]=linevalue[i].replace (/(". *")/gi, "$" replace (/</gi, "\xef"). Replace (/>/gi, "\xff")) < Br> linevalue[i]=linevalue[i].replace (/< (. *[^<>]) >/gi, "<" + "$ +" >\ R ") <br> linevalue[i]=linevalue[i].replace (/\r\r/gi," \ r ") <BR> linevalue[i]=linevalue[i].replace (/(". *")/gi, "$" 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> &nbsP;//X_EDIT1.INNERTEXT=S;<BR>}<BR>FUNCTION&NBSP;AAA (str) {<br> str= Str.replace (/\r/gi, " "); <br> return str;<br>}<br></ Script><br></body><br></div>
<script>
Function abc () {
var S=x_edit.innertext;
S=s.replace (/<\/?) ( \w+[\s\s]*?) >/gi,function (a) {return a.replace (/[\r\n]/gi, "")});
X_edit.innertext=s;
}
</script>
</body>
