如何格式化HTML代码以具有缩进和自定义间距

时间:2015-07-08 14:23:47

标签: javascript angularjs twitter-bootstrap

我有一个显示XML代码的模态。如何格式化文本以使其具有适当的间距和正确的换行符?本质上我想要美化xml。我有一个显示信息的plunkr:

http://tinyurl.com/ovmguoe

2 个答案:

答案 0 :(得分:1)

如果你加入你的css:

prettify {
  white-space: pre;
}

prettify > .pln:first-child {
  display: none;
}

这将显示格式良好的XML。

答案 1 :(得分:0)

您的代码会移除内部<pre>标记

使用pre环绕漂亮或在漂亮的

上使用一些fance css