问题标签 [prism.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
25972 浏览

html - Prism HTML 荧光笔

我正在使用Prism,它在 CSS 上运行良好:

但我不能让它为 html 工作:

我有两个问题:

  1. <>表示为标签,而不是文本,但我可以将其替换为&lt;and&gt;

  2. 更重要的是,即使如问题 1 所示更换,highliter 也不会突出显示任何代码,一切都只是黑色。尽管它适用于 CSS,但整个代码如下所示:

谢谢你的帮助。

0 投票
1 回答
560 浏览

requirejs - 将 PrismJS 与 RequireJS 一起使用,即使它不是依赖项

我正在尝试使用 PrismJS,而不是将其作为严格依赖项附加到任何函数。我需要它做的就是在页面上呈现语法突出显示,但不幸的是,完整的样式没有被传递到页面。

我确实阅读了这个 SO 线程并确认它Prism已附加到window对象,但样式未显示在页面上。

这是我的代码(prism.css通过 Sass 与其他样式连接):

的HTML:

脚本标签:

<script data-main="/js/config.js" src="/js/require.js"></script>

配置.js

棱镜.js

我有一种感觉,做某事prism.js是需要的,但不是 100% 确定。

0 投票
1 回答
1015 浏览

javascript - Prism.js 不适用于 Rails 4 turbolinks

我发现当我将Prism.js语法高亮与Turbolinks高亮结合使用时,会出现奇怪的行为。

当我第一次加载应该突出显示语法的页面时,不会触发 Prism.js 并且没有突出显示任何内容。重新加载同一页面后,Prism 将启动并突出显示代码。此后页面将保持突出显示,除非我更改位置(转到根目录)并返回到它(在同一场景之后)

当我从清单文件(application.js)中删除 Turbolinks 时,一切正常(当然 Turbolinks 没有做任何事情)

我不想用

因为我必须在每个链接上使用它(每个博客都会突出显示一些代码),因此根本没有 turbolinks

我试图使用Turbolings 事件page:change但我对纯 JavaScript 很糟糕(Prism.js 是纯 JS,我是 jQuery junky)

所以有人知道如何告诉 Turbolinks 触发 Prism.js 语法高亮吗?

0 投票
2 回答
2488 浏览

javascript - 使用 prism.js 突出显示 html

我似乎无法使用 prism.js 突出显示 html,因为它删除了仅打印文本的标记。“pre”标签内的以下代码仅显示为文本。我将“代码”标签的类设置为“语言标记”。

显示为

0 投票
1 回答
456 浏览

pug - prism.js 和玉的问题

我正在尝试使用 prism.js 突出显示语法,但在标记方面遇到了麻烦。我知道它已链接并正常工作,因为我的 sass 被正确突出显示,但后来我尝试突出显示玉,它没有任何影响。

这是我的代码:

正如我所说,sass 部分正确显示,所以我知道这是有效的,但玉没有。任何建议将不胜感激!

0 投票
0 回答
2051 浏览

prism.js - 未应用 Prism.js 语法高亮

我遇到了 Prism.js 的问题,没有应用突出显示。我已经包含了 prism.css 和 prism.js 文件,代码示例如下所示:

然而,显示在前端的代码全是黑色的,没有语法高亮。

如果这有任何影响,我也在使用 Bootstrap。

0 投票
3 回答
1019 浏览

angularjs - 突出显示在外部模板中不起作用

我是 angularjs 的菜鸟,我有一个问题。我在我的网络中使用 prism.js 或 highlight.js(结果相同)。它在 index.html 中正常工作,但在我使用 ngRoute 加载的其他模板中不起作用。我相信问题是 angularjs 只是它再渲染一次 html 并且当我加载我的 content-principal.html 时它不起作用。

索引.HTML

APP.JS

内容-principal.html

¿任何解决方案?谢谢和对不起我的英语:P。

0 投票
1 回答
138 浏览

prism.js - 如何阻止 prism.js 自动处理

在对我的代码块进行一些其他 javascript 处理之后,我想调用 Prism.highlightElement 或 Prism.highlightAll。我可以通过放置位置在一定程度上控制 Prism 处理的时刻,<script src="prism.js"></script>但我看不到禁用自动处理的方法。

0 投票
1 回答
353 浏览

javascript - jQuery .load() 另一个包含 prism.js 的页面

我正在创建一个网站,该网站使用 jQuery .load() 来呈现存储在另一个 .html 页面上的 div 中的内容,如下所示

index.html 头:

索引.html:

project_info.html对应的div:

我试图让 prism.js 代码块正确显示,而

当我将它嵌入 index.html 时,它可以正常工作,它似乎不会继承 prism.js 文件,只是 prism.css 样式表。prism.js 文件似乎不会操纵“内容”div。有任何想法吗?

0 投票
3 回答
4426 浏览

reactjs - React 中的 Prism.js html 示例

因此,我正在将我们正在开发的网站的内部样式指南从常规 html 转换为使用 reactjs。我有示例代码,我正在使用 prism.js 突出显示。突出显示似乎工作正常,但换行符没有。即使在每行之后添加 br 标签也没有效果。有人对此有任何想法吗?只是一些示例代码:

当它渲染时,它看起来像这样。

但我希望它看起来像这样:

有人知道保留换行符的方法吗?