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

代码如下:

<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>

赞 (0)

相关推荐

  • js 玩转正则表达式之语法高亮

    学了几天正则,差不多该总结整理写成果了,之前就想写语法高亮匹配来着,不过水平不够,看着例子都不理解. 那么我们来分析下两位大神 次碳酸钴 和 Barret Lee 语法高亮实现. 先说 Barret Lee 的这篇 <几个小例子教你如何实现正则表达式highlight高亮> 之前看的时候只觉的神奇,特别是下面那个一步一步分开匹配的例子,更是霸气测漏,不过作者也说了,分开只是为了演示方便,可以很直观的看到这一步匹配了什么,不然一步到位匹配完成,你都不知道发生了什么就处理完毕了.来看下他的正则 复

  • 如何使用Javascript正则表达式来格式化XML内容

    使用得是Emeditor ,在看XML文档时,总是因为格式混乱而看不清.这个是一个Emeditor宏来自动格式化XML.下载:formatXml.rar(1,021.00 bytes)下面这段是这个网页版的javascript格式化XML的代码. 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <meta http-

  • 如何实现正则表达式的JavaScript的代码高亮

    今天想改一下JS的高亮的配色,憋了一下午憋出了这个这个正则表达式. 下面这老长老长了的玩意儿是个正则表达式,看到了别吓坏了. 复制代码 代码如下: /(\/\/.*|\/\*[\S\s]+?\*\/)|((["'])(?:\\.|[^\\\n])*?\3)|\b(break|continue|do|for|in|function|if|else|return|switch|this|throw|try|catch|finally|var|while|with|case|new|typeof|in

  • 正则表达式搭配js轻松处理json文本方便而老古

    正则表达式搭配js轻松处理json文本方便而老古

    很多群里的朋友经常聊到如何解析Json,通常很多人都会搬出他们珍藏的dll出来,比如Newtonsoft.json.dll,litjson.dll等等.互相吹嘘这些动态链接库的功能如何如何了得,依我看,要解析轻量化类型json,用.net自带的类库就可以胜任了.但是,有一种看起来更方便的老古董--正则表达式,处理json是绰绰有余. Json(JavaScript Object Notation)作为当今互联网最为一种流行的,超越语言的网络数据交换格式,可以说是"肉多骨少"的一种类型,

  • 使用正则表达式的格式化与高亮显示json字符串

    json字符串很有用,有时候一些后台接口返回的信息是字符串格式的,可读性很差,这个时候要是有个可以格式化并高亮显示json串的方法那就好多了,下面看看一个正则表达式完成的json字符串的格式化与高亮显示 首先是对输入进行转换,如果是对象则转化为规范的json字符串,不是对象时,先将字符串转化为对象(防止不规范的字符串),然后再次转化为json串.其中json为输入. 复制代码 代码如下: if (typeof json !== 'string') {     json = JSON.string

  • 几个小例子教你如何实现正则表达式highlight高亮

    程序员在编写代码的时候少不了和字符串以及"查询"打交道,两者的交集中有一个叫做正则表达式的的东西,这家伙用好了可以提高编程效率,用不好的话...你可以先去好好学一学. 关于正则的使用,举个简单的例子: 复制代码 代码如下: var m = location.href.match(/(\w+:)\/{0,3}([^\/]+)(?:(\/[^\?#]*))?(?:(\?[^#]+|.+))?(?:(#.*))?/);var res = {    protocol: m[1],    hos

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

    复制代码 代码如下: <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;   fon

  • Java中正则表达式去除html标签

    Java中正则表达式去除html的标签,主要目的更精确的显示内容,比如前一段时间在做类似于博客中发布文章功能,当编辑器中输入内容后会将样式标签也传入后台并且保存数据库,但是在显示摘要的时候,比如显示正文的前50字作为摘要,那么这时需要去除所有html标签,然后在截取50字,所以就通过了Java正则表达式实现了如下方法,代码如下: 注:这是Java正则表达式去除html标签方法. private static final String regEx_script = "<script[^>

  • php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)

    需要提取的内容如下: 复制代码 代码如下: <a href="http://baidu.com">http://baidu.com</a>这是第一个A标签,<a href="http://blog.baidu.com">成长脚印-专注于互联网发展</a>这是第二个A标签.http://www.jb51.net这是第一个需要被提取的URL地址,http://blog.baidu.com这是第二个需要被提取的URL地址'.

  • C#使用正则表达式过滤html标签

    C#使用正则表达式过滤html标签

    在项目中遇到这样一个需求,需要将一段html转换为一般文本返回,万能的正则表达式来了. 正则表达式来拯救你,代码如下: public static string Html2Text(string htmlStr) { if (String.IsNullOrEmpty(htmlStr)) { return ""; } string regEx_style = "<style[^>]*?>[\\s\\S]*?<\\/style>"; //定

  • AndroidStudio修改Code Style来格式化自定义标签的xml文件方式

    最初的源文件样式如下: 用默认的配置进行格式化之后如下: 使用如下配置后,格式化之后的代码如下: 最终修改成下面这样比较合适: 以上这篇AndroidStudio修改Code Style来格式化自定义标签的xml文件方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Java使用正则表达式(regex)匹配中文实例代码

    只能输入中文 /** * 22.验证汉字 * 表达式 ^[\u4e00-\u9fa5]{0,}$ * 描述 只能汉字 * 匹配的例子 清清月儿 */ @Test public void a1() { Scanner sc = new Scanner(System.in); String input = sc.nextLine(); String regex = "^[\\u4e00-\\u9fa5]*$"; Matcher m = Pattern.compile(regex).matc

  • Android常用正则表达式验证工具类(实例代码)

    东西不多,但一般项目够用了. public class RegularUtil { //身份证 public static final String REGEX_ID_CARD = "^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$"; //验证邮箱 public static final String REGEX_EMAIL = "^([a-z0-9A-Z]+[-|\\

  • javascript用正则表达式过滤空格的实现代码

    javascript用正则表达式过滤空格的实现代码 <html> <head> <script type="text/javascript"> // 删除左右两端的空格 function trim(str){ $a=str.replace(/(^\s*)|(\s*$)/g, ""); alert($a.length); // alert(str.length); } // 删除左边的空格 function ltrim(str){

  • Bootstrap 3 按钮标签实例代码

    本文给大家介绍按钮标签的实例代码,具体内容如下: 通过将按钮类添加到 <a>,  <button>,  <input> 来实现按钮样式 <a class="btn btn-default" href="#" rel="external nofollow" role="button">Link</a> <button class="btn btn-def

  • JS正则表达式判断有效数实例代码

    <script type="text/javascript"> function validate(){ var reg = new RegExp("^[0-9]*$"); var obj = document.getElementById("name"); if(!reg.test(obj.value)){ alert("请输入数字!"); } if(!/^[0-9]*$/.test(obj.value)){ a

随机推荐