6

我正在尝试将用户输入存储在客户端（javascript）的 XML 文档中，并将其传输到服务器以进行持久性。

例如，一位用户粘贴了包含 STX 字符 (0x2) 的文本。XMLSerializer 没有转义 STX 字符，因此没有序列化为格式良好的 XML。或者也许 .attr() 调用应该已经转义了 STX 字符，但是在任何一种情况下，都会产生无效的 XML。

我发现浏览器内 XMLSerializer() 的输出并不总是格式正确，（甚至不满足浏览器自己的 DOMParser()

此示例显示 XMLSerializer() 未正确编码 STX 字符：

> doc = $.parseXML('<?xml version="1.0" encoding="utf-8" ?>\n<elem></elem>');
    #document
> $(doc).find("elem").attr("someattr", String.fromCharCode(0x2));
    [ <elem someattr=​"">​&lt;/elem>​ ]
> serializedDoc = new XMLSerializer().serializeToString(doc);
    "<?xml version="1.0" encoding="utf-8"?><elem someattr=""/></elem>"
> $.parseXML(serializedDoc);
    Error: Invalid XML: <?xml version="1.0" encoding="utf-8"?><elem someattr=""/></elem>

我应该如何在浏览器中构造一个 XML 文档（参数由任意用户输入确定），以便它始终格式正确（所有内容都正确转义）？我不需要支持 IE8 或 IE7。

（是的，我确实在服务器端验证了 XML，但是如果浏览器将一个格式不正确的文档交给服务器，那么服务器可以做的最好的事情就是拒绝它，这对可怜的用户没有多大帮助)

4

2 回答 2

12

这里有一个函数sanitizeStringForXML()可以用来在赋值之前清理字符串，或者一个派生函数removeInvalidCharacters(xmlNode)可以传递一个 DOM 树并自动清理属性和 textNode 以便安全存储。

var stringWithSTX = "Bad" + String.fromCharCode(2) + "News";
var xmlNode = $("<myelem/>").attr("badattr", stringWithSTX);

var serializer = new XMLSerializer();
var invalidXML = serializer.serializeToString(xmlNode);

// Now cleanse it:
removeInvalidCharacters(xmlNode);
var validXML = serializer.serializeToString(xmlNode);

我基于此维基百科文章的非限制字符部分的字符列表，但补充平面需要 5 位十六进制数字 unicode 字符，并且 Javascript 正则表达式不包含此语法，所以现在，我'我只是把它们剥离出来（你并没有错过太多......）：

// WARNING: too painful to include supplementary planes, these characters (0x10000 and higher) 
// will be stripped by this function. See what you are missing (heiroglyphics, emoji, etc) at:
// http://en.wikipedia.org/wiki/Plane_(Unicode)#Supplementary_Multilingual_Plane
var NOT_SAFE_IN_XML_1_0 = /[^\x09\x0A\x0D\x20-\xFF\x85\xA0-\uD7FF\uE000-\uFDCF\uFDE0-\uFFFD]/gm;
function sanitizeStringForXML(theString) {
    "use strict";
    return theString.replace(NOT_SAFE_IN_XML_1_0, '');
}

function removeInvalidCharacters(node) {
    "use strict";

    if (node.attributes) {
        for (var i = 0; i < node.attributes.length; i++) {
            var attribute = node.attributes[i];
            if (attribute.nodeValue) {
                attribute.nodeValue = sanitizeStringForXML(attribute.nodeValue);
            }
        }
    }
    if (node.childNodes) {
        for (var i = 0; i < node.childNodes.length; i++) {
            var childNode = node.childNodes[i];
            if (childNode.nodeType == 1 /* ELEMENT_NODE */) {
                removeInvalidCharacters(childNode);
            } else if (childNode.nodeType == 3 /* TEXT_NODE */) {
                if (childNode.nodeValue) {
                    childNode.nodeValue = sanitizeStringForXML(childNode.nodeValue);
                }
            }
        }
    }
}

请注意，这只会从属性的 nodeValues 和 textNodes 中删除无效字符。它不检查标签名称或属性名称、注释等。

于 2013-02-10T19:40:04.847 回答
0

检查 https://gist.github.com/john-doherty/b9195065884cdbfd2017a4756e6409cc，

非常有用的要点，示例用法：

const resultXml = removeXMLInvalidChars(INPUT_XML_STRING, true);
于 2020-04-17T20:55:50.360 回答