prism.js로 html을 강조 표시

html을 prism.js로 강조 표시하는 것만 큼 텍스트를 인쇄하는 마크 업이 제거되기 때문입니다. "pre"태그 안에있는 다음 코드는 텍스트로만 보여줍니다. "code"태그에 대한 클래스가 "language-markup"으로 설정되어 있습니다.prism.js로 html을 강조 표시

<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

출처

2014-04-23 wazzaday

가능한 중복 http://stackoverflow.com/questions/14559436/prism-와 코드를 포장 할 수 있습니다 html-highlighter) –

같이 <와 태그의 시작을 탈출해야합니다. 가장 쉬운 방법은 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>

출처

2014-11-20 19:44:12

답변이 항상 나타납니다 !!! 고마워요. – wazzaday

당신은 <script type="prism-html-markup"> your code </script>

[프리즘 HTML 형광펜] (의

출처

2017-07-04 16:55:55 TiagoS

남자 .. 너는 나의 하루를 구했다 !! 고맙습니다 – vins

prism.js로 html을 강조 표시

답변

관련 문제