ASP.NET MVC：为 XML 上的特定部分着色答案

【问题标题】：ASP.NET MVC: colouring specific parts on an XMLASP.NET MVC：为 XML 上的特定部分着色
【发布时间】：2019-10-14 08:31:13
【问题描述】：

我正在尝试在页面上显示 XML 的内容。我需要用特定颜色为该 XML 的两个部分着色，但这样做有一些麻烦。我正在使用以下代码：

<pre class="xmlPreviewTextArea">@XDocument.Parse(Model).ToString()</pre>

XML 的内容如下所示：

<myRequest xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <header>
    <code xsi:type="xsd:string">78161083705</code>
  </header>
  <ch>
    <new_ch>
      <ch_code xsi:type="xsd:string">8116478</ch_code>
      <span style="color: orange;">
        <ch_add_line_2 xsi:type="xsd:string">ryytyyrt</ch_add_line_2>
        <ch_add_postcode xsi:type="xsd:string">15263</ch_add_postcode>
      </span>
    </new_ch>
  </ch>
  <card>
    <crd_iss>
      <ch_code xsi:type="xsd:string">6789177</ch_code>
      <span style="color: orange;">
        <fulfil_data_6 xsi:type="xsd:string">PROJECT</fulfil_data_6>
      </span>
    </crd_iss>
  </card>
</myRequest>

问题是两个跨度标签没有被解释，我不确定如何正确地做到这一点。

感谢您的帮助！

【问题讨论】：

您是使用库还是 CSS 来显示 XML？您能否包括它或详细说明 xmlPreviewTextArea 类的作用？从我所见，跨度标签被解释并呈现为橙色。如果您描述您想要达到的最终结果，将会很有帮助。
上述代码将显示XML 内容的string 表示。如果您想以解析的方式显示XML 内容（即没有标签）。您应该将View 代码更改为@Html.Raw(Model)（因为XML 和HTML 在浏览器中的解释方式相同。）。这里Model应该是一串XML内容，否则你必须在上面使用ToString()。

标签： html css .net xml asp.net-mvc

【解决方案1】：

我认为您可以使用 css 样式表来格式化您的 xml 文件

<?xml version="1.0" encoding="UTF-8"?> 
<?xml-stylesheet type="text/css" href="xml.css"?>
<myRequest xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
  <header>
    <code xsi:type="xsd:string">78161083705</code>
  </header>
  <ch>
    <new_ch>
      <ch_code xsi:type="xsd:string">8116478</ch_code>
      <span style="color: orange;">
        <ch_add_line_2 xsi:type="xsd:string">ryytyyrt</ch_add_line_2>
        <ch_add_postcode xsi:type="xsd:string">15263</ch_add_postcode>
      </span>
    </new_ch>
  </ch>
  <card>
    <crd_iss>
      <ch_code xsi:type="xsd:string">6789177</ch_code>      
        <fulfil_data_6 xsi:type="xsd:string">PROJECT</fulfil_data_6>      
    </crd_iss>
  </card>
</myRequest>

还有例子 xml.css

myRequest { 
display:block;  
              border: 1px solid silver; 
              margin:0.5em;  
              padding:0.5em;  
              background-color:whitesmoke;  
} 

 fulfil_data_6 { 
     color : orange; 
}

【讨论】：