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

时间：2021-05-18

复制代码代码如下:
<html>
<head>
</head>
<body>
<style>
#x_edit{
height:320px;
width:540px;
border:1pxsolid#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>
<spanonclick="abc()">格式化
<divcontentEditable="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:1pxsolid#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> <spanonclick="abc()">试试获得selection的top，然后加上div的scrollTop，然后除以行高 <spanid="a"onclick="alert('a')">a <spanid="b"onclick="alert('b')">b <spanid="c"onclick="alert('c')" >c <spanid="d"onclick="alert('d')">d <spanid="e"onclick="alert('e')">e <spanid="f"onclick="alert('f')">f</span > <spanid="g"  onclick="alert('g')">g <textareaid="x_edit"wrap=off></textarea> <divcontentEditable="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> functionabc(){    //s=x_edit1.innerText;    vars=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,"@");    //varLineValue=x_edit1.innerText.split("\r")    /*varLineValue=x_edit.value.split("\r") for(vari=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; } functionaaa(str){    str=str.replace(/\r/gi,"");    returnstr; } </script> </body> </html>
</div>

<script>
functionabc(){
vars=x_edit.innerText;
s=s.replace(/<\/?(\w+[\s\S]*?)>/gi,function(a){returna.replace(/[\r\n]/gi,"")});
x_edit.innerText=s;
}
</script>
</body>
</html>

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

相关文章

python正则中最短匹配实现代码

ASP 通过正则表达式过滤非中文字符

Python使用正则表达式过滤或替换HTML标签的方法详解

Python正则获取、过滤或者替换HTML标签的方法

HTML用正则表达式检验表格的实例代码