2014-04-23 10 views
4

Я не могу выделить html с prism.js, потому что он удаляет разметку, только распечатывая текст. следующий код внутри тега «pre» показывает только текст. У меня есть класс для тега «code», установленного на «language-markup».подсветка html с prism.js

<table class="data-table"> 
     <tr> 
      <td>Title</td> 
      <td>Amount</td> 
     </tr> 
     <tr> 
      <td>Shorts</td> 
      <td>£1.00</td> 
     </tr> 
     <tr> 
      <td>Shorts</td> 
      <td>£1.00</td> 
     </tr>   
    </table> 

показывает, как

  Title 
      Amount 


      Shorts 
      £1.00 


      Shorts 
      £1.00 
+0

возможно дубликат [Prism HTML] (маркер http://stackoverflow.com/questions/14559436/prism- html-highlighter) –

ответ

1

Вам нужно бежать начало тегов с &lt;. Самый простой способ - вставить html-код в pre-тег, затем выполнить поиск и заменить все символы <.

Это должно работать:

&lt;table class="data-table"> 
    &lt;tr> 
     &lt;td>Title&lt;/td> 
     &lt;td>Amount&lt;/td> 
    &lt;/tr> 
    &lt;tr> 
     &lt;td>Shorts&lt;/td> 
     &lt;td>£1.00&lt;/td> 
    &lt;/tr> 
    &lt;tr> 
     &lt;td>Shorts&lt;/td> 
     &lt;td>£1.00&lt;/td> 
    &lt;/tr>   
&lt;/table> 
+0

ответ всегда появляется в конце концов !!! спасибо, человек – wazzaday

1

В альтернативе вы можете обернуть ваш код с <script type="prism-html-markup"> your code </script>

+0

мужчина .. вы сохранили мой день !! Спасибо – vins