问题标签 [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.
html - Prism HTML 荧光笔
我正在使用Prism,它在 CSS 上运行良好:
但我不能让它为 html 工作:
我有两个问题:
<
并>
表示为标签,而不是文本,但我可以将其替换为<
and>
更重要的是,即使如问题 1 所示更换,highliter 也不会突出显示任何代码,一切都只是黑色。尽管它适用于 CSS,但整个代码如下所示:
谢谢你的帮助。
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% 确定。
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 语法高亮吗?
javascript - 使用 prism.js 突出显示 html
我似乎无法使用 prism.js 突出显示 html,因为它删除了仅打印文本的标记。“pre”标签内的以下代码仅显示为文本。我将“代码”标签的类设置为“语言标记”。
显示为
pug - prism.js 和玉的问题
我正在尝试使用 prism.js 突出显示语法,但在标记方面遇到了麻烦。我知道它已链接并正常工作,因为我的 sass 被正确突出显示,但后来我尝试突出显示玉,它没有任何影响。
这是我的代码:
正如我所说,sass 部分正确显示,所以我知道这是有效的,但玉没有。任何建议将不胜感激!
prism.js - 未应用 Prism.js 语法高亮
我遇到了 Prism.js 的问题,没有应用突出显示。我已经包含了 prism.css 和 prism.js 文件,代码示例如下所示:
然而,显示在前端的代码全是黑色的,没有语法高亮。
如果这有任何影响,我也在使用 Bootstrap。
angularjs - 突出显示在外部模板中不起作用
我是 angularjs 的菜鸟,我有一个问题。我在我的网络中使用 prism.js 或 highlight.js(结果相同)。它在 index.html 中正常工作,但在我使用 ngRoute 加载的其他模板中不起作用。我相信问题是 angularjs 只是它再渲染一次 html 并且当我加载我的 content-principal.html 时它不起作用。
索引.HTML
APP.JS
内容-principal.html
¿任何解决方案?谢谢和对不起我的英语:P。
prism.js - 如何阻止 prism.js 自动处理
在对我的代码块进行一些其他 javascript 处理之后,我想调用 Prism.highlightElement 或 Prism.highlightAll。我可以通过放置位置在一定程度上控制 Prism 处理的时刻,<script src="prism.js"></script>
但我看不到禁用自动处理的方法。
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。有任何想法吗?
reactjs - React 中的 Prism.js html 示例
因此,我正在将我们正在开发的网站的内部样式指南从常规 html 转换为使用 reactjs。我有示例代码,我正在使用 prism.js 突出显示。突出显示似乎工作正常,但换行符没有。即使在每行之后添加 br 标签也没有效果。有人对此有任何想法吗?只是一些示例代码:
当它渲染时,它看起来像这样。
但我希望它看起来像这样:
有人知道保留换行符的方法吗?