在HTML页面中显示XML内容
如何在同一页面显示XML和其他types的数据?
<?xml version="1.0" encoding="ISO-8859-1"?> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <country>Columbia</country> <price>10.90</price> <year>1985</year> </cd> </catalog>
上面的XML应该像格式化一样显示。 另外,我想在我的页面中显示HTML表格和其他东西。 如何做到这一点?
- 我确实通过文件获取了STRING中的XML。
- 我不想parsing它
- 我想显示(就是这样)
- 如果你谈到XSLT(请举例)
- 我想使用Jquery插件(任何例子?)
简单的解决scheme是embedded一个<textarea>
元素内,这将保留格式和尖括号。 我也删除了style="border:none;"
这使得textarea不可见。
这是一个示例: http : //jsfiddle.net/y9fqf/1/
您可以使用旧的<xmp>
标签。 我不知道浏览器支持,但它应该仍然工作。
<HTML> your code/tables <xmp> <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <country>Columbia</country> <price>10.90</price> <year>1985</year> </cd> </catalog> </xmp>
输出:
your code/tables <catalog> <cd> <title>Empire Burlesque</title> <artist>Bob Dylan</artist> <country>USA</country> <country>Columbia</country> <price>10.90</price> <year>1985</year> </cd> </catalog>
如果将内容视为文本而不是HTML ,则DOM操作应该使数据正确编码。 以下是你如何在jQuery中做到这一点:
$('#container').text(xmlString);
以下是你如何使用标准的DOM方法:
document.getElementById('container') .appendChild(document.createTextNode(xmlString));
如果通过服务器端脚本将XML放入HTML中,必然会出现编码函数,以便您可以这样做(如果添加了服务器端技术,则可以给出具体示例'做到这一点)。
<pre lang="xml" >{{xmlString}}</pre>
这对我有效。 感谢http://www.codeproject.com/Answers/998872/Display-XML-in-HTML-Div#answer1
2017更新我猜。 textarea对我使用Spring,Bootstrap和其他一些东西很好。 获得存储在数据库中的SOAP有效载荷,由Spring读取并通过Spring-MVC进行推送。 xmp根本没有工作。