程序员经验分享-hwhale

使用 prism.js 突出显示 html

2023-11-24

我似乎无法使用 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>

shows as

            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>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

prismjs

使用 prism.js 突出显示 html 的相关文章

随机推荐

  • Linq 函数，如 .Net string.CompareOrdinal

    我需要使用比较字符串string CompareOrdinal 在 linq 查询中 string max string min var res db Table Where c gt string CompareOrdinal c Id

  • TempData 实施变更 - 变更原因

    在 ASP NET MVC 2 中 条目的生命周期TempDataDictionary只是一个 HTTP 请求 这转化为在一个请求中设置一个值 重定向 并在线路的另一端访问相同的项目 此后 无论您是否在该行的末尾从字典中读取该值 该条目都将

  • Emacs：.emacs 中延迟加载模式的最佳实践？

    遇到相关文件扩展名时 是否有关于延迟加载模式的最佳实践 此时我已经安装了大约 25 种不同的 Emacs 模式 并且启动变得很慢 例如 虽然准备好 clojure 模式很好 但我很少使用它 并且我想完全避免加载它 除非我打开扩展名为 clj

  • 在 jsx 和 map 中对 if 语句做出反应

    我有工作代码 地图函数中的 if 语句没有什么问题 这里是代码 const SortableItem SortableElement CashItem const SortableList SortableContainer items g

  • NSSearchPathForDirectoriesInDomains 返回错误的目录

    我在用着NSSearchPathForDirectoriesInDomains NSDocumentDirectory NSUserDomainMask YES 获取我的应用程序中的应用程序文档目录 但返回的数组仅包含一个对象 并且它是一个

  • Android - 使用 Timer 和 TimerTask 控制任务？

    我目前正在尝试在 Android 应用程序中设置 WiFi 扫描 每 30 秒扫描一次 WiFi 接入点 我已使用 Timer 和 TimerTask 使扫描按照我需要的时间间隔正确运行 但是 我希望能够在用户按下按钮时停止和开始扫描 而我

  • JQuery 鼠标悬停图像叠加

    只是想知道如何才能 100 正确地工作 我想我已经快到了 基本上 我有一个图像 当我将鼠标悬停时 我希望在顶部出现一个覆盖层 这是一个彩色 div 我有这个半工作fiddle img src http mirrorchecker com i

  • HTML 页面中的抗锯齿字体

    有没有一种好方法可以在网页中创建清晰 清晰的大字体 我需要在我的主页上创建具有不同字体大小和颜色的标签云效果 我已经在 HTML CSS 中设置了它 但在较旧的浏览器或操作系统上默认不支持抗锯齿 它看起来有点 蹩脚 我玩过sIFR 它工作得

  • 如何沿圆移动点？

    我想通过使用圆半径和移动角度来以圆周运动移动精灵 例如 我知道精灵正在以半径 10 的圆内移动 当前位置为 387 38 角度为 28 度 现在我不想将它沿圆周移动 100px p1 x y coordinate known 387 38

  • 升级到 Material UI 4 - withStyles 后出现错误

    从 v3 9 x 升级到 MUI v4 0 2 后 我收到以下错误 您必须将组件传递给 connect 返回的函数 相反收到了 propTypes displayName WithStyles MyComponent options def

  • 使用 DirectX 的桌面捕获不起作用

    由于D3DPOOL SCRATCH处理速度较慢 所以我编写了桌面捕获程序以参考网上的报告 然而 结果却是一片漆黑的画面 这是控制台程序的结果还是有其他原因 include

  • OSX 10.9 上的 Pstack 进程

    在linux上为了查看给定时间的进程堆栈我们一般使用 堆栈pid gt 我想知道 osx 中的相同内容是什么 thanks sudo usr libexec stackshot i u p

  • 从 Java 文本文件中读取特定行

    有没有什么方法可以从文本文件中读取特定行 在 API 或 Apache Commons 中 就像是 String readLine File file int lineNumber 我同意它的实现很简单 但它的效率不是很高 特别是如果文件很

  • 在 lapply/ldply 的列表中使用对象名称

    在试图回答时一个问题早些时候 我遇到了一个看起来应该很简单的问题 但我无法弄清楚 如果我有一个数据框列表 df1 lt data frame a 1 3 x rnorm 3 df2 lt data frame a 1 3 x rnorm 3

  • Span 文本更改上的 MutationObserver 不会触发

    这只是一个简单的例子 而不是实际情况 MutationObserver 仍然没有触发 所以我对其工作原理的假设是错误的 JSFiddle function var editButtonVisibility function console

  • 图像上缩进的透明箭头/三角形

    我想做一个图像上的透明箭头 该三角形应在半透明块中缩进并显示背景图像 期望的输出 barShow background color 000 opacity 0 5 barShow before top 0 left 50 border so

  • 如何在 Markdown 中的文本上应用颜色

    我想使用 Markdown 来存储文本信息 但快速谷歌搜索显示 Markdown 不支持颜色 另外 Stack Overflow 不支持颜色 与 GitHub markdown 的情况相同 有没有允许彩色文本的 Markdown 风格 TL

  • TypeError：只有长度为 1 的数组可以使用 NUMPY 转换为 Python 标量

    coding utf 8 import matplotlib pyplot as plt import numpy as np import math task 2e x np linspace 0 0001 0 1 50 constant

  • .rpt设计时如何使水晶报表页面宽度变大

    我正在寻找一种调整页面宽度大小的方法 Crystal Reports 使我可以将字段放置在 rpt 文件中 到目前为止 我发现如果右键单击报告 选择 设计 打印机设置 我可以选择要打印报告的纸张尺寸 如果我选择 方向 横向 我可以增加页面的

  • 使用 prism.js 突出显示 html

    我似乎无法使用 prism js 突出显示 html 因为它删除了仅打印文本的标记 pre 标签内的以下代码仅显示为文本 我将 代码 标签的类设置为 语言标记 table class data table tr td Title td td

热门标签