问题标签 [prism.js]

我正在使用Vue.jsand制作一个项目Nuxt.js。我prismjs用于在我的页面上突出显示代码片段。我已经按照这里prismjs给出的安装了。

这是我的plugins/prism.js文件：

这是我的 Vue 组件：

我的问题是，当 i 的值从分页发生变化时，必须突出显示的行号不会改变。怎么了？变化i会反映在其他内容中。

我需要在 Hugo 中突出显示语法。目前使用highlight.js。我喜欢最终的外观，但不喜欢它的工作原理。它使用 javascript 来运行词法分析器并应用样式。相反，我想在 Hugo 构建阶段运行词法分析器，以便网站不使用 javascript。实际上，我想缩短页面加载时间，并消除运行 JS 和应用样式所需的“闪烁”效果。接受建议。谢谢，鲁本

Prism.js 突出显示行号不起作用。经过大量的故障排除，高亮div的绝对定位似乎相互重叠（见图）。这是我用来下载 prism.js 的页面：https ://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+c+cpp+java+javadoclike+javadoc&plugins=line-高亮+行号+高亮-关键字

我的代码如下：

网页加载后，如图2所示： 目前，应突出显示第 1-8 (31-38) 行和第 10 (41) 行。

如果我缩放浏览器窗口，则会出现更明确的突出显示，但它仅位于第 1 行（或所有突出显示都堆叠在第 1 行）。

如何获得在 prism 中工作的链接？

这是一个小提琴：https ://jsfiddle.net/g2om8fjq/3/

我正在尝试使用 Prism.js 突出显示 Haskell 代码片段

以下是正确突出显示代码的示例 HTML 代码

输出：

但是当尝试动态加载代码（来自 github repo）时，它没有正确突出显示。HTML 代码：

加载内容的JS代码：

调用部分：

输出：

我也在下面尝试过，但没有奏效。

有人可以帮我找到我缺少的东西吗？

我有两个简单的 Python 代码文件hello.py和world.py.

基于这种方式，我使用 Prism.js 和 Ajax 编写了一个 HTML 文件，该文件按如下helloworld.htm方式格式化和呈现。hello.pyworld.py

<code class=lang-py>不幸的是，这个 HTML 文件在最后一行不能正常工作。虽然<code>没有<code class=lang-py>解决这个问题，但我仍然想使用 Prism.js 来格式化代码文件。我该如何解决这个问题？

PS似乎这个问题与How to Re-Run Prism.js on AJAX Content有关，Prism.highlightAll();需要与Ajax一起运行，虽然我还没有找到正确的位置Prism.highlightAll();。

我正在写一个需要解释 HTML 标签的博客。但是，我正在使用 HTML 来制作博客，并且需要将 html 写入 html 中。我正在使用 prism.js 来突出显示 html 语法

我曾经在代码块上使用Prism.js这样的语法着色：

我现在尝试使用 object-tag 加载源文件，而不是像这样：

这不起作用，但会加载没有语法着色的文本。

知道如何解决这个问题吗？