用prism.js高亮显示html

Question

我似乎不能用prism.js高亮显示html，因为它删除了只打印文本的标记。下面的代码在"pre“标签中显示为文本。我将"code“标记的类设置为”语言标记“。

    <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

Answer 1

您需要用<转义标记的开头。最简单的方法是将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>

Answer 2

作为替代，您可以使用<script type="prism-html-markup"> your code </script>包装代码。