用正则表达式格式化html标签的代码

网络编程 2024/12/27 佚名

3 1 2

复制代码代码如下:
<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>
格式化
<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'>
<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> 试试获得selection的top，然后加上div的scrollTop，然后除以行高 a b >c d e f</span >  onclick="alert('g')">g <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")     /*var LineValue=x_edit.value.split("\r") for(var i=0;i<LineValue.length;i++){     LineValue[i]=LineValue[i].replace(/(".*")/gi,"$1".replace(/</gi,"\xef").replace(/>/gi,"\xff"))     LineValue[i]=LineValue[i].replace(/<(.*[^<>])>/gi,"<"+"$1"+">\r")     LineValue[i]=LineValue[i].replace(/\r\r/gi,"\r")     LineValue[i]=LineValue[i].replace(/(".*")/gi,"$1".replace(/\xef/gi,"<").replace(/\xff/gi,">")) }*/     //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>
</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>
</html>

用正则表达式格式化html标签的代码