问题标签 [highlightjs]

你如何使用带有HighlightJS标记的 npm ？我正在尝试自动化我的文档以进行解析和样式化。从标记的文档中查看以下示例：

我看不到如何使用README.md文件而不是带有手动转义特殊字符的字符串。使用示例不涉及对.md文档的任何引用作为markdownString.

如何将 markdown 字符串作为文档（例如形成名为 的文件README.md）而不是手动转义的字符串传递，并且最终输出还包括样式？

目标是能够传入 linted（我正在使用 VS 代码markdownlint）README.md、主文档 CSS 和或 highlightJS css，并让最后一行 ( marked(markdownString)) 的返回值成为我可以直接写入.html文件。

另一个注意事项：我的降价文件还在多行代码块中指定语言。例如，我的 README.md 中的多行 JSON 块如下所示：

我正在使用primeng版本 - 5.2.4和角度5.2.9

我使用primeng p-editor 来编辑一些sql 脚本。我知道 p-editor 在内部使用 quill，并且 quill 支持使用 highlightjs 进行语法高亮显示。我想知道如何在angular 5中使用primeng p-editor配置highlightjs。

请帮忙！！

我正在使用来自 NPM 的 Highlight.js，我希望在屏幕上显示 html 和 handelbar 模板代码。我确认它非常适用于 JS 代码，但它不显示 html 和 handelbars 的代码。例如下面的代码，我希望在屏幕上显示 html，但它没有......

我的html代码：

我的js代码

检查视图源时的 html：

页面上显示的只是一个文本“点击”

有谁知道如何让它工作？

我的个人网站有一个奇怪的 CSS 问题，似乎只发生在 Android 设备上（它可能发生在其他移动设备上，但我无法在任何非移动浏览器中重现它）。

它使用 Highlight.js 进行语法高亮，但我自己实现了对行号的支持。在 Android 浏览器上，编号 62 之后的任何代码行都没有正确突出显示，而是该部分显示为空白。

源代码位于分支中的https://github.com/matthewbdaly/matthewbdaly.github.io 。source问题似乎出在文件app/sass/_code.scss中，不久前我将此提交overflow-x: initial应用于该文件以通过添加到 Highlight.js 应用于代码的类来修改溢出hljs，这解决了该问题，但意味着仅背景颜色运行语法突出显示的可见部分的宽度，如果你水平滚动它，它明显有不同的背景颜色，所以我最终恢复它。

我的 CSS 技能有些笨拙，我还没有为此想出解决方案。知道我该如何解决这个问题吗？

ng2 -smart-table 应用程序文档的code元素片段如下所示：

生成的文档如下所示。

查看生成的应用程序 html 时，似乎highlightjs正在突出显示，但我没有看到将执行转换的角度依赖项的导入（或脚本的任何预处理），所以只是想知道它是如何工作的？

根据答案

用 Angular 来做这件事是多么的简单，这真是太酷了：

VS Code 扩展通常使用 Typescript 编写。我正在实现打印扩展，我想使用highlightjs进行语法着色。

所以我们把它带来

和不可避免的

在这一点上，我们发现我们在 VS Code 中有代码完成，我们可以编写类似的东西

它编译并运行......直到我们做了一些触发加载尝试的事情highlight.js。此时出现错误。

错误：在 Function.Module._resolveFilename (internal/modules/cjs/loader.js:602:15) 处找不到模块 'highlight.js' extensionHostProcess.js:331

粘性喙../node_modules/highlightjs表明我们有highlight.pack.js但highlight.pack.min.js没有highlight.js

很混乱。谁能告诉我如何解决这个问题？

在我的组件中，我让用户在颜色主题（深色/浅色）之间切换。根据用户选择的内容，我希望能够在 highlightjs 样式（vs.css / atom-one-dark.css'）之间切换有没有办法在不修改库样式的情况下做到这一点？

根据highlightjs 文档，您可以将一组语言传递给configure对象。如下所示文档中的示例并没有给出如何使用该languages参数的示例。

从 emacs 导出源代码使用类src-language而不是仅仅language和 highlightjs 有时会错误地自动检测。

所以它识别src-emacs-lisp为scheme而不是elisp或只是lisp。那么对于别名列表，如何配置languages对象的数组呢？有没有工作的例子？

在 Angular 8 应用程序中，我需要显示原始 html 代码而不对其进行评估（如代码片段）。

例如

有没有办法得到下面的 html？我正在使用 highlightJS 但不幸的是它会评估插值{{}}。

先感谢您

我有以下代码：

我在我的文件中加载了 2 个主题。因为 github 主题是在 darkula 主题之后加载的，所以它会自动应用于所有代码元素。这很好，但我希望允许用户通过单击按钮将主题动态更改为 darkula。我在文档中找不到任何内容。我怎样才能做到这一点？