用正则表达式格式化html标签的代码
更新时间：2007年02月25日 00:00:00 作者：
复制代码 代码如下:
<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'>
<P><html><BR><head><BR></head><BR><body><BR><style><BR>#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></style><BR><span onclick="abc()">试试获得selection的top，然后加上div的scrollTop，然后除以行高</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("$1")+">");<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,"$1".replace(/</gi,"\xef").replace(/>/gi,"\xff"))<BR> LineValue[i]=LineValue[i].replace(/<(.*[^<>])>/gi,"<"+"$1"+">\r")<BR> LineValue[i]=LineValue[i].replace(/\r\r/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>}<BR>function aaa(str){<BR> str=str.replace(/\r/gi," ");<BR> return str;<BR>}<BR></script><BR></body><BR></html></P>
</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>
相关文章
正则表达式用于字符串处理、表单验证等场合，实用高效。今天小编给大家分享比较常用的几个正则表达式匹配数字，需要的朋友参考下2017-03-03
本站长期收集的java正则表达式学习资料，包括javascript,vbscript,asp,php，asp.net等正则表达式学习资料2007-12-12
这篇文章主要介绍了正则表达式（regex)入门、元字符(特殊字符),需要的朋友可以参考下2015-10-10
本篇文章给大家介绍notepad用正则表达式自动添加sql引号的技巧，,需要的朋友可以参考下2015-10-10
正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等2021-10-10
RegExp对先看整个字符串是不是匹配，如果没有发现匹配，先去掉最后字符串中的最后一个字符，并再次尝试，如果还没有发现匹配，那么再次去掉最后一个字符，这个过程会一直重复下去直到发现匹配或不剩任何字符串，上面的简单量词都是贪婪量词。2008-06-06
要求根据一串字符串，反转成PHP数组，其给出的字符串为php的print_r打印出来的。2011-04-04
m修饰符规定正则表达式可以执行多行匹配,在默认状态下，一个字符串无论是否换行只有一个开始^和结尾$，如果采用多行匹配，那么每一个行都有一个^和结尾$2016-12-12
这篇文章主要介绍了中文正则表达式匹配问题之正则表达式中文匹配使用方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了匹配form表单中所有内容的正则表达式,实现在HTML文件代码中匹配form表单中的所有内容,需要的朋友可以参考下2014-07-07
最新评论