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

不念不忘少年蓝@ 2024-04-03 13:52 37阅读 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 条评论，37人围观）

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

相关阅读

相关 python 格式化xml字符串

　　【前言】本文主要介绍python中的字符串格式化，通过基本概念，使用方法及例子学习python字符串格式化的两种主要形式：字符串格式化表达以及字符串格式化方法调用。　　

短命女/ 2024年04月03日 13:54/ 0 赞/ 25 阅读

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

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

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

相关 XML 格式化转字符串

　　前一阵遇见这么个需求，将 XML 中某个选中的 Element 节点对象转换成Stirng类型并展示到文本框中，编辑后反写回 XML对象中，整个过程的意义就是xml结构支持

左手的ㄟ右手/ 2023年09月24日 12:18/ 0 赞/ 17 阅读

相关 js相册特效带缩略图

求带缩略图、介绍、图片页面的js 这是JS的特效，你可以在百度搜索上搜索“图片滚动窗”，会有很多的样式，如果你稍微精通点代码，可以从凤凰网上把这个图片浏览效果JS扣下来。

末蓝、/ 2023年09月23日 18:39/ 0 赞/ 18 阅读

相关 NotePad++ 缩进显示XML

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

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

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

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

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

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

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

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

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

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

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

相关 js 自带字符串函数

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

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

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

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

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