使XML更具可读性.净MVC

我在数据库中有一个存储一些XML数据的字段。我将这些数据显示在我正在创建的应用程序中的一个页面上。我目前显示的数据在一个jquery切换，像这样的…

<a  data-toggle="collapse" data-target="#demo">
    @Html.DisplayNameFor(model => model.AllXml)
</a>
<div id="demo" class="collapse">
    <div class="display-field">
        <p> @Html.DisplayFor(model => model.AllXml)</p>
</div>

我面临的问题是，当数据显示在页面上时，它是不可读的，正如你所期望的那样。我希望使页面上显示的XML数据更具可读性。我已经看了一下美化和树视图，但我不知道如何实现我的解决方案。谁能告诉我正确的方向?

Thanks in advance

<pre>@Html.DisplayFor(model => model.AllXml)</pre>

 try
 {
     XDocument doc = XDocument.Parse(xml);
     return doc.ToString();
 }
 catch (Exception)
 {
     return xml;
 }