问题标签 [prismjs]

我正在运行一个托管在 Ghost.io 上的 Ghost 博客。

他们目前正在运行从 Ghost 0.11 到 Ghost 1.0 的系统范围更新。

更新很顺利，但我失去了 PrismJS 语法高亮。代码块都具有相同的外观 - 黑色而不是乳白色。

我的 default.hbs 似乎设置正确：

我没有改变我标记代码块的方式：

我查看了 Chrome 开发控制台 - 似乎没有错误。

有什么线索吗？

我正在 Angular 中开发一个应用程序，它使用 PrismJS 显示一些动态发送的代码，具体取决于所选的按钮。以下代码正确显示行号。

但是像这样使用 PrismJS 根本不会显示行号。

真的很想知道为什么会发生这种情况，Prism Line Numbers插件是否检查代码标记之间的行块？如果是这样，有没有办法使用Angular动态传递代码并指定起始行号？

谢谢

我创建了一个简单的应用程序（角度 1.6），允许用户保存代码并使用 prismjs 显示代码突出显示。唯一的问题是，当我从指令中调用 Prism.highlightAll 时，我必须使用 angular 的 $timeout 方法，延迟一秒。

延迟 1 秒突出显示的代码

然而，浏览器会闪烁，我认为必须有更好的方法来做到这一点。

我有一些 HTML，但由于某种原因它显示为纯文本并且没有呈现。

这是它的样子：

这个 HTML 是这样的：

字符串数据被呈现为 muchoCodo 变量。这是我的角度代码：

有人知道我怎样才能让字符串呈现为 HTML 吗？

我正在构建一个 CMS，并且当文章正文更改以在预览中显示语法高亮显示时，我正在尝试重新渲染 Prism.js。

模板：

组件（ ngAfterViewChecked() 有效，但 onBodyChange() 无效）：

有些人建议使用以下方法重新渲染 Prism.js，但我对如何实现它有点困惑：

Prism.highlightElement(precode);

这是服务：

我遇到了未将样式应用于元素的问题。如果我在组件的样式参数中添加样式信息，或者在 styleUrls 参数中提供 CSS 文件，我会得到预期的结果。但是，没有应用内联 HTML 样式。在下面的示例中，我尝试将红色背景应用于 div，但它保持白色。该 HTML 作为 Angular 组件的模板存在。

但是，如果我将 ngStyle="" 添加到元素中，例如：

然后 Angular 将 div 的背景渲染为红色。

任何想法是什么导致 Angular 忽略这样的样式属性？

我正在输入降价数据并使用 Pandoc 输出 HTML 文件。使用该--no-highlight标志，我可以在没有内置基本语法突出显示的情况下获得要输出的语法，并使用 Prism.js 来突出显示代码，这更加健壮。

但是，Prism 要求类名中有codeor 。以 php 为例，Pandoc 输出. 我已经设法通过使用以下方法破解它：prelanguage-*<pre class="php">

作为每个代码块的开始。但是，当我想导出与 EPUB 相同的代码时，它无法识别能够使用内置语法突出显示的语言。

以下是我用于 EPUB 和 HTML 输出的命令：

我的问题：

我希望能够写作

作为我的代码块的开始，而不是

所以 Prism.js 和内置的语法高亮器都可以使用我的 EPUB 和 HTML 生成。

如果我能让 Pandoc 将 "```php" 解释为class="language-php"，这将解决问题。

这是 Pandoc GitHub 上的一个链接，供其他人解决我正在尝试解决的相同问题。

不确定是否有人遇到过这种情况。我正在使用 PrismJS 语法荧光笔来突出显示代码。应用程序是用 Reactjs 编写的，我想做的是在 WYSIWYG 编辑器中，当用户想要插入代码块时，我用 pre + 代码包装用户选择的文本。如您所料，PrismJS 似乎正确地标记了元素：

但正如您从上图中可能看到的那样，所有内容都放在一行中。而不是漂亮的代码块：

我不确定有什么问题，使用 prismjs 网站的 css：

这是输出的html：

编辑：

如果添加 word-wrap: pre-wrap 这是结果：

我正在使用 prism gem，它突出显示效果很好，但仅来自直接 URL 或刷新页面后。如果从主页导航，它不会突出显示。

有什么建议么？谢谢！

我想对有<code>标签的 HTML 内容应用语法高亮；例如

Gatsby 插件，例如gatsby-remark-prismjs，仅适用于Markdown文件。我正在尝试使用gatsby-node.js.