如何使用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-equiv=content-type content="text/html; charset=UTF-8">
    <title>Xml格式化工具</title>
    <script type="text/javascript">
    String.prototype.removeLineEnd = function()
    {
        return this.replace(/(<.+?s+?)(?:ns*?(.+?=".*?"))/g,'$1 $2')
    }
    function formatXml(text)
    {
        //去掉多余的空格
        text = 'n' + text.replace(/(<w+)(s.*?>)/g,function($0, name, props)
        {
            return name + ' ' + props.replace(/s+(w+=)/g," $1");
        }).replace(/>s*?</g,">n<");

        //把注释编码
        text = text.replace(/n/g,'r').replace(/<!--(.+?)-->/g,function($0, text)
        {
            var ret = '<!--' + escape(text) + '-->';
            //alert(ret);
            return ret;
        }).replace(/r/g,'n');

        //调整格式
        var rgx = /n(<(([^?]).+?)(?:s|s*?>|s*?(/)>)(?:.*?(?:(?:(/)>)|(?:<(/)2>)))?)/mg;
        var nodeStack = [];
        var output = text.replace(rgx,function($0,all,name,isBegin,isCloseFull1,isCloseFull2 ,isFull1,isFull2){
            var isClosed = (isCloseFull1 == '/') || (isCloseFull2 == '/' ) || (isFull1 == '/') || (isFull2 == '/');
            //alert([all,isClosed].join('='));
            var prefix = '';
            if(isBegin == '!')
            {
                prefix = getPrefix(nodeStack.length);
            }
            else
            {
                if(isBegin != '/')
                {
                    prefix = getPrefix(nodeStack.length);
                    if(!isClosed)
                    {
                        nodeStack.push(name);
                    }
                }
                else
                {
                    nodeStack.pop();
                    prefix = getPrefix(nodeStack.length);
                }

            }
                var ret =  'n' + prefix + all;
                return ret;
        });

        var prefixSpace = -1;
        var outputText = output.substring(1);
        //alert(outputText);

        //把注释还原并解码,调格式
        outputText = outputText.replace(/n/g,'r').replace(/(s*)<!--(.+?)-->/g,function($0, prefix,  text)
        {
            //alert(['[',prefix,']=',prefix.length].join(''));
            if(prefix.charAt(0) == 'r')
                prefix = prefix.substring(1);
            text = unescape(text).replace(/r/g,'n');
            var ret = 'n' + prefix + '<!--' + text.replace(/^s*/mg, prefix ) + '-->';
            //alert(ret);
            return ret;
        });

        return outputText.replace(/s+$/g,'').replace(/r/g,'rn');
    }
    function getPrefix(prefixIndex)
    {
        var span = '    ';
        var output = [];
        for(var i = 0 ; i < prefixIndex; ++i)
        {
            output.push(span);
        }

        return output.join('');
    }       
        function btnFormat_click()
        {
            var $ = document.getElementById;
            $('output').value = formatXml($('input').value);
        }

    </script>

   
</head>
<body>
    <textarea id="input" style="width:100%;height:45%;"></textarea>
    <div style="margin:0px auto;"><input type="button" id="btnFormat" onclick="btnFormat_click()" value="格式化" style="width:50%;height:10%;"/></div>
    <textarea id="output" style="width:100%;height:45%;"></textarea>
</body>
</html>

时间: 2024-09-17 21:19:39

如何使用Javascript正则表达式来格式化XML内容的相关文章

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

使用得是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获取XML内容

 1.XML文件的内容WebForm5.xml 1 2 3 4 5 6 7 <?xml version="1.0" encoding="gb2312"?> <student> <id>123</id> <name>danny</name> <email>danny@keytec.com</email> <date>20080901</date> &

javascript 正则表达式用法 小结_正则表达式

javascript正则表达式用法: 复制代码 代码如下: function checkreg(myreg,mytext) { if(myreg.test(mytext) { alert("ok"); return true; } else { return false; } } //另一种写法 复制代码 代码如下: function checkreg(myreg,mytext) { var pattern = myreg; //或者 var pattern = new RegExp(

javascript正则表达式总结_基础知识

工具 Regexpal是一个在线Javascript正则表达式处理器,地址是:http://www.regexpal.com 学习正则重要的是实践操作,不妨举个栗子: 匹配号码:707-827-7019 字符组匹配 [0-9][0-9][0-9]-[0-9][0-9][0-9]-[0-9][0-9][0-9][0-9] \d匹配任意阿拉伯数字 \D匹配任何非阿拉伯数字 .匹配任意字符 \d\d\d\D\d\d\d\D\d\d\d\d\D \d\d\d.\d\d\d.\d\d\d\d. 捕获分组与

javascript 正则表达式用法 小结

javascript正则表达式用法: 复制代码 代码如下: function checkreg(myreg,mytext) { if(myreg.test(mytext) { alert("ok"); return true; } else { return false; } } //另一种写法 复制代码 代码如下: function checkreg(myreg,mytext) { var pattern = myreg; //或者 var pattern = new RegExp(

javascript正则表达式的模式匹配

正则表达式,是一个描述字符模式的对象.javascript的RegExp类表示正则表达式,String和RegExp都定义了方法,后者使用正则表达式进行强大的模式匹配和文本检索与替换功能.javascript的正则表达式是perl5的这种表达式语法的大小子集,所以多有perl编程经验的程序员来说,学习javascript的正则表达式是小菜一碟. 本章首先介绍用以描述"文本模式"的正则表达式语法.随后讲解了使用表达式String和RegExp方法. 1.正则表达式的定义 javascri

javascript正则表达式学习

最近利用一周时间阅读了<精通正则表达式(第3版)>前6章,希望能够精通正则表达式,并且能够撰写<javascript深度理解正则表达式>这样的文章.一周时间太短,我自认为仅仅是达到了"不再畏惧"."更有信心"的程度,因而本文的目标只能是帮助读者"掌握"正则表达式. 我想正则表达式之所以难,主要体现在以下几个方面: 1)正则表达式的符号晦涩难懂 2)不支持排版(至少javascript目前还不支持) 3)不能设置断点,不能跟

JavaScript正则表达式验证代码(推荐)

RegExp:是正则表达式(regular expression)的简写. 正则表达式描述了字符的模式对象.可以使用正则表达式来描述要检索的内容. 简单的模式可以是一个单独的字符.更复杂的模式包括了更多的字符,并可用于解析.格式检查.替换等等. //判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length==0){ alert('对不起,文本框不能为空或者为

JavaScript正则表达式下之相关方法

上篇文章给大家介绍了JavaScript 正则表达式上之基本语法介绍了JavaScript正则表达式的语法,有了这些基本知识,可以看看正则表达式在JavaScript的应用了,在一切开始之前,看看RegExp实例的几个属性 RegExp实例对象有五个属性 1.global:是否全局搜索,默认是false 2.ignoreCase:是否大小写敏感,默认是false 3.multiline:多行搜索,默认值是false 4.lastIndex:是当前表达式模式首次匹配内容中最后一个字符的下一个位置,