问题标签 [prismjs]

我正在尝试使用 Prismjs https://prismjs.com/index.html文件突出显示插件https://prismjs.com/plugins/file-highlight/突出显示 C++ 文件。所以我尝试了：

但它不起作用。这段CSS 出现在那里，但（与和main.cpp位于同一文件夹中）没有出现。我有：index.htmlprism.js

我应该看看有什么建议吗？

我不习惯 html/css/js。

在 Safari 和 Chrome 或 Firefox 上打开以下内容。

https://prismjs.com/plugins/data-uri-highlight/

现在在代码示例上向右/向左滚动。你注意到了吗？有点拖累？那是什么？

它是prismjs的东西吗？我的意思是，我应该在哪里更改某些内容以在 Safari 上具有与在 Chrome/Firefox 上相同的行为？

这是我所做的：

（我正在尝试制作源代码可视化工具。类似于https://softwarerecs.stackexchange.com/questions/50866/view-multiple-pdf-side-by-side。我以前没有见过类似的东西，有吗？特点：1. 水平滚动的多个文件的并排可视化。2. 每个文件独立的仅垂直滚动。）

index.html

style.css

宽度取决于内容（即main.cpp）。

所以我试图让 Prism 在我的网站上突出显示以下 Arduino 代码片段。

我最初不得不更改所有"to''但现在它解释\r\n为换行符并显示它。有什么想法吗？

我正在使用https://prismjs.com突出显示我的代码，它运行良好。

这是一个例子

这导致

我'user_id'只想在这种情况下更改字体颜色和背景颜色（一般情况下，我不想更改'id'or的颜色'App\Phone'）。我只想强调它，因为这个词本身对于给定的上下文很重要。这可能吗？

我在源代码中发现 js-script 将上面的代码更改为

如果我将此代码复制并粘贴到我的原始html文件中，它将像以前一样呈现。如果我style="background-color: red !important;"向 span 元素添加类似内容，它将被 js 文件忽略并覆盖。

是否有一个快速肮脏的修复方法，我可以只更改特定单词的颜色/背景颜色？

如何配置 Prism 以使用 Nuxt？我在文件中将其添加为供应商nuxt.config.js：

然后在脚本部分的页面中导入它：

那我该怎么用呢？我试过在mounted中调用它，但它不起作用。不会返回任何错误，但不会更改站点上的任何内容。

Jekyll 支持单反引号内联代码：类似 `std::vector<int> v;` 的内容被渲染为<code>std::vector&lt;int&gt; v;</code>.

是否可以在其中添加更多内容？有没有我可以做的配置让它呈现为<code class="language-cpp">std::vector&lt;int&gt; v;</code>？我使用的语法荧光笔（Prism）不会为单个反引号块激活 - 仅适用于指定语言类的那些。

我在前端使用无头 CMS（Strapi）和 React。我想使用 PrismJS（或任何东西）突出显示代码块。

在我的渲染（）中：

用标签包裹的<pre>代码是我正在尝试做的一个例子。

问题是，由于我使用的是 Strapi CMS，PrismJS 无法识别代码块。这是它的渲染方式：

顶部是直接写在我的组件中的代码，而底部是从 CMS 返回的。在 CMS 的所见即所得中，我有以下内容<pre><code class="language-css">p { color: red }</code></pre>

有没有办法可以用文本和代码编写内容并正确突出显示代码？

这似乎是一个类似的问题：React : Rendering a syntax highlighting code block

我正在尝试在我的 Aurelia 应用程序（基于打字稿）中将 PrismJS 添加为语法高文本，我已经完成了一半，如下所示

1-安装prismjs

2-添加CSS和代码部分

3-在组件中导入prismjs并调用highlite。

我收到了这个错误

什么是让它发挥作用的正确方法？

我使用angular-cli创建了一个项目。我想在我的项目中使用angular-prism库。

所以我安装了

然后在我的app.module.ts

但这显示错误

所以我加了

在angular.json中。

现在这显示

我错过了什么吗？

您好我正在使用微代码编辑器CodeFlask，我已经配置了它，但我不知道如何添加另一种不是 JS 的语言。

该文档解释了有关使用 flask.addLanguage('ruby', option) 但它没有解释选项的含义。它还指向PrismJS 文档，但它们也没有说明选项的含义。