ASP.NET MVC: раскраска отдельных частей в XML

Question

Я пытаюсь отобразить содержимое XML на странице. Мне нужно покрасить два раздела этого XML в определенный цвет, но у меня есть некоторые проблемы с этим. Я использую следующий код:

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

Содержание 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>

Проблема заключается в том, что два тега span являютсяне интерпретируется, и я не уверен, как это сделать правильно.

Спасибо за вашу помощь!

Answer 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; 
}