highlighting html with prism.js

Question

I cant seem to highlight html with prism.js because it removes the markup just printing the text. the following code inside the \"pre\" tag shows as just the text. I have th

Answer 1

You need to escape the beginning of the tags with <. The easiest way is to paste your html code into the pre tag, then perform a find and replace for all < characters.

This should work:

<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>

Answer 2

In alternative you can wrap your code with <script type="prism-html-markup"> your code </script>