gpt4 book ai didi

javascript - 使用 prism.js 突出显示 html

转载 作者:数据小太阳 更新时间:2023-10-29 05:19:02 24 4
gpt4 key购买 nike

我似乎无法使用 prism.js 突出显示 html,因为它删除了仅打印文本的标记。 “pre”标签内的以下代码仅显示为文本。我将“代码”标签的类设置为“语言标记”。

    <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

最佳答案

您需要使用 &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>

关于javascript - 使用 prism.js 突出显示 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23243726/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com