问题标签 [prismjs]

我安装了 babel-plugin-prismjs，使用以下代码制作了 .babelrc：

并将 Prism 导入 App.js。

这是 App.js 中的代码：

但是该网页没有突出显示语法。我在这里想念什么？

Docsify 使用 prismjs 进行语法高亮。我试图在 index.html 中插入样式，但没有任何效果（我可以在 chrome 开发工具中修改字体大小）

尝试过这样的事情。

有关语法突出显示的 docsify 文档，请参见此处。我认为这应该只是直接与 prismjs 交互，除非 docsify 在那里做其他事情。

https://docsify.js.org/#/language-highlight?id=language-highlighting

我试图用一种方法更新我的编辑器代码语言（可以说它是通过按下按钮来调用的），但我无法更改它并且我完全迷失在这里（我浏览了文档并且无法找到我需要的东西）

非常感谢知道如何做到这一点的人的任何帮助！

我正在使用 Django(3) 进行一个项目，其中我有博客文章，在这些博客文章中，我需要突出显示代码块，以防我们正在写一篇编程文章。所以，我决定使用 PrismJS 库。

我已经添加了库所需的 CSS 和 JS 文件：

现在，在管理面板中，我集成了“ckEditor”来编写内容。

要突出显示代码，我们需要将其放在<pre><code>标签内并添加一个 css 类language-python以突出显示 python 代码。

问题是当我们添加这个类并保存博客文章时，这个类会自动消失。不知道为什么会这样？有时它仍然存在，但如果我们更新博客文章，它会自动消失。

我正在尝试使用 prism 制作代码编辑器，我从这里的代码框复制了一个模板。错误是：

在某些情况下，我正在使用 React，代码首先工作，然后停止工作，然后在我没有做任何事情的情况下重新开始工作，这很奇怪，我尝试卸载依赖项并重新安装它们但没有成功，我已经搜索了整个互联网，但没有太多关于这个主题的信息（如果有的话），所以我被困住了。

这是组件中的相关代码：

注意1：我不知道这是否相关，但我使用的是安装了节点的引导程序。

与 Bulma 一起使用时，PrismJS 语法突出显示被破坏。

PrismJS 和 Bulma 都使用number和tag类。因此，PrismJS 和 Bulma 之间存在冲突。

有什么解决方法吗？

我刚刚发现了 PrismJs，它看起来很完美。但由于某种原因，它没有在以下组件中突出显示我的代码：

有什么东西让它工作吗？

我正在使用https://prismjs.com/突出显示一些 json 代码。代码如下所示：

我希望数字“1”成为可点击的链接。因此我加载了自动链接器插件并将代码更改为：

但是没有添加链接。难道我做错了什么？是否可以以不同的方式在 highligted json 中添加链接？

我在我的 React 应用程序中使用 Prismjs，一切正常。每当我使用键盘箭头移动它时，我都会出现插入符号显示滞后。在标准输入/文本区域中，它看起来像是插入符号在移动时“重置”了它的周期。但在这里，它只是继续以同样的速度闪烁。因此，如果您连续按四次向左箭头，则必须等到插入符号再次出现才能看到您当前的位置（大约持续 0.5 秒）。这有点令人不安。如果有帮助，这是我的代码：

我知道没有像 caret-blinking-speed 这样的 CSS 属性，但有什么我能做的吗？handleKeyDown() 函数是我问题的根源吗？

注意：如果我在我的文本区域中选择文本，使用键盘，一切都会顺利进行。同样，如果我用键盘箭头移动光标并立即键入文本，也没有问题。这实际上只是插入符号的显示。

编辑：如果我删除了预块，问题就解决了，插入符号返回到其基本的“移动时重置闪烁周期”状态。

我目前正在使用 VuePress 为 Vue 组件库编写文档。例如，使用 VuePress 的降价，我可以显示代码<<< ./path/to/file.vue。这很好，因为 VuePress 使用 prism.js 来显示代码，并且有一个自定义的 prism 语言用于 Vue 语法高亮（分析 html 显示语言-vue 类应用于代码块）。

不，我正在使用 Build 的 Vue 组件来根据组件道具动态显示一些代码片段。

在我的组件中，我使用以下 pre/code 语法。

这会显示一个代码框，但不会将 VuePress 在其代码块中使用的 language-vue CSS 主题应用于它。是否可以以某种方式将其添加到我自己的组件中，因为 prism.js 是由 VuePress 安装的。