问题标签 [prism.js]

我有一个正在构建的应用程序，它需要在一个<pre>和<code>标记内输出一些 HTML。我正在使用prism进行语法高亮显示，它适用于其他语言。问题是，当我在code标签内使用 HTML 时，它要么呈现 html，要么不会用 prism 突出显示，因为它是作为字符串输出的。

标记是：

我正在使用 prism.js 在与此<pre contenteditable="true">非常相似的设置中突出显示标签中的一些 css 。

在keyup我将代码复制到隐藏<textarea>但输出是突出显示的文本，例如：

有没有办法让未突出显示的文本能够以干净的原始格式保存？

我正在使用prism库来突出显示一些 HTML、CSS 和 JavaScript 代码。它在大多数情况下都做得很好，除了行号。

他们看起来像：

如您所见，它们未对齐。我怎样才能解决这个问题？我当前的代码如下所示：

我正在使用 prism 来显示我的文档。所以我去展示一些漂亮的代码。要安装 prism，有两种方法：手动安装或使用节点。我使用节点来安装它。但是要使用它的插件，没有文档可以解释如何：唯一可用的示例是：

然后显示html ...在我的情况下，我想使用行号。如何？

我正在尝试使用Prism.js语法荧光笔客户端作为npm依赖项，而不是从<script src="...">标签中加载它。这是 package.json 中的 Prism 参考

以及我试图在我的代码中使用它的方式

这会产生以下结果：

• 标记化适用​​于基本语言（html、javascript...）
• 标记化不适用于其他特定语言（lua、车把......）
• 对于所有语言，不应用语法着色（css 文件似乎未加载）

所以我想知道

• 是否有其他特定于语言的软件包（例如 prismjs-handlebars）？
• 是否有特定主题的包（例如 prism-okaidia）可以导入 css？

--

TL;博士

如何npm从脚本标签而不是脚本标签加载/使用 Prism.js 客户端？

我正在尝试用jade + prismjs + angular 构建风格指南。它将有玉代码示例。所以我需要一些我的玉来“留玉”。例如：

我希望这个渲染到

有没有办法告诉玉不要管它的内容code.language-jade？

我还将考虑完全不同的方法。Jade 作为“外部”模板语言是不可协商的，它必须以角度工作。我只使用prismjs，因为我之前的选择（highlighterjs）不支持jade。

谢谢。

我的 html 模板中有以下内容：

我希望它标记语言（我为此使用棱镜），但也标记“谷歌”项目的超链接。

以下是它的外观：

单击“Google”一词将打开该链接。

但这是它目前的样子：

此外，“Google”这个词是不可点击的——<code>标签中没有任何东西被链接。

我将如何用棱镜完成上述任务？

我是 ReactJS 世界的新手，并试图进入它。我正在编写一个样式指南，我需要为此显示一些 HTML 代码作为示例。我为此使用了 ReactPrism，但我无法在我的 PrismCode 组件中获取 HTML 输出，我通过使用显示 JSX 代码而不是 HTML 的 react-to-jsx 找到了解决方法。这是代码：

所以基本上我想将 this.props.children （组件）呈现为 HTML 代码，而不是 PrismCode 中的内容我什至尝试了以下内容，如https://github.com/tomchentw/react-prism所示，但是它不起作用。不知道我做错了什么！

我的 Angular 应用程序中有一个 tinyMCE 插件，用户可以在其中将代码插入 mysql 数据库。

我想突出显示从我的数据库中检索到的那些插入代码。

出于这个原因，我使用了 prismjs，因为 TinyMCE默认使用它。我可以直接使用 TinyMCE 自定义和突出显示代码示例。但是一旦插入数据库并检索它进行显示，尽管我在 index.html 中也导入了 prism.css 和 prism.js，但代码示例无法突出显示：

这是我的数据库中的结果字符串示例：

PS：所以解析它，通常上面的标签 div 标签被包裹：

请问我该怎么办？

Prism JS 库在 AngularJS 项目中不起作用。我已经尝试过这里（SO）以及其他教程中提到的所有解决方案，但是即使从 CodePen 复制粘贴整个代码，也不会给出相同的输出。很奇怪。以下是代码：

输出：

我已经下载了所有选项的prism.jsandprism.css文件，这些文件都包含在app.html其中，上面的代码在一个名为index.html. 不知道是什么问题。