使用js函数格式化xml字符串带缩进

不念不忘少年蓝@ 2024-04-03 13:52 83阅读 0赞

遇到了一个做soap的API的操作,中途需要说明xml的组装模式等,

![使用js函数格式化xml字符串带缩进\_使用js函数格式化xml字符串带缩进][js_xml_js_xml]

如上图,组装产生的mxl代码药格式化并展示.由于是在前端做的,所以需要将字符串将xml进行格式化并输出,找到别人写的算法稍加更改并整理如下:

//格式化xml代码

function formateXml(xmlStr)\{

text=xmlStr;

//使用replace去空格

text='

' + text.replace(/()/g,function($0, name, props)\{

return name + ' ' + props.replace(/\\s+(\\w+=)/g," $1");

\}).replace(/>\\s\*?

//处理注释

text=text.replace(/

/g,'\\r').replace(//g,function($0, text)\{

var ret='';

return ret;

\}).replace(/\\r/g,'

');

//调整格式 以压栈方式递归调整缩进

var rgx=/

(|\\s\*?(/)>)(?:.\*?(?:(?:(/)>)|(?:)))?)/mg;

var nodeStack=\[\];

var output=text.replace(rgx,function($0,all,name,isBegin,isCloseFull1,isCloseFull2 ,isFull1,isFull2)\{

var isClosed=(isCloseFull1=='/') || (isCloseFull2=='/' ) || (isFull1=='/') || (isFull2=='/');

var prefix='';

if(isBegin=='!')\{//!开头

prefix=setPrefix(nodeStack.length);

\}else \{

if(isBegin !='/')\{///开头

prefix=setPrefix(nodeStack.length);

if(!isClosed)\{//非关闭标签

nodeStack.push(name);

\}

\}else\{

nodeStack.pop();//弹栈

prefix=setPrefix(nodeStack.length);

\}

\}

var ret='

' + prefix + all;

return ret;

\});

var prefixSpace=-1;

var outputText=output.substring(1);

//还原注释内容

outputText=outputText.replace(/

/g,'\\r').replace(/(\\s\*)/g,function($0, prefix, text)\{

if(prefix.charAt(0)=='\\r')

prefix=prefix.substring(1);

text=unescape(text).replace(/\\r/g,'

');

var ret='

' + prefix + '';

return ret;

\});

outputText=outputText.replace(/\\s+$/g,'').replace(/\\r/g,'\\r

');

return outputText;

\}

//计算头函数 用来缩进

function setPrefix(prefixIndex) \{

var result='';

var span=' ';//缩进长度

var output=\[\];

for(var i=0 ; i < prefixIndex; ++i)\{

output.push(span);

\}

result=output.join('');

return result;

\}

以上

发表于

2019-01-24 16:04

刘宇航(城堡)

阅读(3492)

评论(1)

编辑

收藏

举报

刷新评论刷新页面返回顶部

[js_xml_js_xml]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/4734e0748a924b11a527cf2b53debfd9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，83人围观）

还没有评论，来说两句吧...

相关阅读

相关使用js函数格式化xml字符串带缩进

　　遇到了一个做soap的API的操作,中途需要说明xml的组装模式等, 　　![使用js函数格式化xml字符串带缩进\_使用js函数格式化xml字符串带缩进][js_xml

不念不忘少年蓝@/ 2024年04月03日 13:52/ 0 赞/ 84 阅读

相关 js格式化日期函数

js格式化日期函数 function formatDate(time,str)\{ var obj = \{ yyyy : time.getFullYear(),

港控/mmm°/ 2022年12月28日 12:38/ 0 赞/ 234 阅读

相关 NotePad++ 缩进显示XML

通过NotePad++打开XML文件，会存在所有内容显示在同一行的情况，未按照缩进的形式展示。这样通常会给使用者查阅信息带来了很大的麻烦。这个问题可以通过安装插件XML Too

╰半夏微凉°/ 2022年11月21日 04:20/ 0 赞/ 651 阅读

相关使用Notepad格式化xml

xml 格式化 1.安装 xml tool 插件 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

r囧r小猫/ 2022年10月27日 05:17/ 0 赞/ 367 阅读

相关 Eclipse自定义Switch格式化缩进

默认情况下，格式化时，Switch语句中的case是不会缩进的，如下图所示： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk

淡淡的烟草味﹌/ 2022年10月06日 10:56/ 0 赞/ 160 阅读

相关 Flex xml格式化以及缩进量

原文：[Flex xml格式化以及缩进量][Flex xml] 源代码下载地址：[http://www.zuidaima.com/share/1792487395478528

ゝ一纸荒年。/ 2022年07月24日 09:18/ 0 赞/ 173 阅读

相关 GVIM删除空白行,实现自动格式化（缩进）

在命令状态下输入：：g/^\\s\$/d 解释： :g 代表在全文档范围内 ^代表行的开始 \\s\代表空白字符 &代表行的结束 d代表删除

爱被打了一巴掌/ 2022年07月13日 00:58/ 0 赞/ 467 阅读

相关 js 自带字符串函数

JS自带函数 concat 将两个或多个字符的文本组合起来，返回一个新的字符串。 var a = "hello"; var b = ",world"; va

野性酷女/ 2022年06月15日 05:37/ 0 赞/ 154 阅读

相关【VSCode】格式化缩进代码

1）文件 —> 首选项因为 VsCode 默认启用了根据文件类型自动设置tabsize的选项，在设置中添加： "editor.detectIndentation"

待我称王封你为后i/ 2022年05月30日 10:10/ 0 赞/ 439 阅读

相关 JS 时间格式化函数

//时间格式化函数 Date.prototype.format = function (format) \{ var o = \{ "M

àì夳堔傛蜴生んèń/ 2022年05月29日 06:17/ 0 赞/ 201 阅读