问题标签 [prismjs]

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 投票
1 回答
54 浏览

javascript - Regex match all excluding a delimiter

I have two sample strings of code like so:

I want to match x, as well as a, b, c, and d (none of which are literal, they can be any valid JavaScript variable character(s), but are delimited by commas) if they are preceded by the keyword const. The latter is the destructuring syntax.

Context: this is to extend syntax highlighting of code tokens in PrismJS.

What I've tried so far:

The comma is inside the [], and I am not sure of how to "continue" matching each variable inside the braces without including the comma character.

0 投票
1 回答
82 浏览

reactjs - 如何使用 PrismJS 突出显示 React tsx

我有这个 html 文件:

它应该显示突出显示的代码,但所有组件标签都被删除,我所拥有的只是注释:

请帮忙。

0 投票
1 回答
36 浏览

javascript - 根据文本宽度调整 `prism.js` 代码片段框宽度

我的 HTML 如下:-

上述代码的输出:

上述代码的输出 => https://i.stack.imgur.com/EDSVQ.jpg

预期输出:

预期输出 => https://i.stack.imgur.com/7esAU.png

只是意味着我只想根据里面的文本宽度设置黑框宽度,所以请建议我这样做......

希望我能让你明白。

提前致谢。

0 投票
0 回答
23 浏览

reactjs - 如何在 ReactTinyMCE 中添加自定义 Prism.js 样式以进行代码示例格式化和突出显示?

这是我使用@tinymce/tinymce-react 的反应的 TinyMCE 配置。

我检查了如何添加自定义主题宽度 Prism.js,但它不起作用。我想使用okaidia主题

在此处输入图像描述

任何知道如何使用 tinymce && prism.js为codesample使用自定义样式而不是默认样式的人都可以提供帮助。

codesample 的默认格式如下所示,但我想使用okaidia主题并添加其他自定义棱镜样式。

在此处输入图像描述

0 投票
0 回答
14 浏览

reactjs - Draftjs 与语法高亮库(高亮或棱镜 js)?

我是 javascript 世界和它的生态系统的新手。我需要为我的 react 网站创建一个文本编辑器,我将在其中托管包含大量代码的页面——正确突出显示语法。拿起了 Draftjs,但我发现在 Draftjs 编辑器中正确显示代码非常复杂。你会使用装饰器、自定义块渲染/样式和/或自定义块组件——这是我在官方文档中看到的三种主要方式?理想情况下,我想使用 highlight-js 或 prism-js 进行样式设置,但将其与 Draftjs 集成起来非常困难。任何示例代码演示都会非常有帮助!

注意:仅 Draftjs + highlight-js 或 prism-js ——我真的不想在这里引入额外的库,比如 Draft-js-prism。

谢谢各位!

0 投票
0 回答
73 浏览

github - 警告 Lockfile 的“prismjs@1.24.0”条目不正确。忽略它

我继承了 prismjs 的一个问题,每次添加/升级​​另一个包时我都必须删除/重新安装它。

我有一个 gocd 管道验证,每次我尝试使用dependabot 来解决我的存储库中的安全漏洞时都会失败。


像这样的事情......

dependabot 生成拉取请求

验证失败并出现错误“警告 Lockfile 的“prismjs@1.24.0”条目不正确。忽略它”

拉下master分支>手动升级包>删除/安装prismjs@1.24.0

生成新的 PR > 验证成功,一切正常。

与主合并

冲洗并重复。


我看到的是,我的 yarn.lock 中有 2 个条目用于 prismjs,删除它只会删除 1.24.0 条目,如果我删除 1.24.0,验证仍然失败,因为它找不到 prismjs 1.24.0。

prismjs@1.24.0:
version "1.24.0"
resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.24.0.tgz#0409c30068a6c52c89ef7f1089b3ca4de56be2ac" integrity sha512-SqV5GRsNqnzCL8k5dfAjCNhUrF3pR0A9lTDSCUZeh/LIshheXJEaP0hwLz2t4XHivd2J/v2HR+gRnigzeKe3cQ==

prismjs@^1.23.0,prismjs@^1.8.4,prismjs@~1.17.0:
版本“1.26.0”已
解决“https://registry.yarnpkg.com/prismjs/-/prismjs-1.26.0.tgz #16881b594828bb6b45296083a8cbab46b0accd47" 完整性 sha512-HUoH9C5Z3jKkl3UunCyiD5jwk0+Hz0fIgQ2nbwU2Oo/ceuTAQAg+pPVnfdt2TJWRVLcxKh9iuoYDUSc8clb5UQ==


package.json:
"依赖": {
"comma-separated-tokens": "^1.0.0",
"elliptic": "^6.0.0",
"handlebars": "^4.1.2",
"http-proxy ":"^1.17.0",
"https-proxy-agent":"^2.2.1",
"immer":"9.0.6",
"ini":"^1.3.5",
"lodash":" ^4.5.1",
"markdown-to-jsx": "^6.9.1",
"merge-deep": "^3.0.2",
"nested-object-assign": "1.0.4",
"parse -headers”:“^2.0.0”,
“prismjs”:“1.24.0”,
“空格分隔标记”:“^1.0.0”、
“ssri”:“^6.0.1”、
“tar”:“4.4.19”、
“tree-kill”:“^1.1.0”、
“ua-parser-js”:“^0.7.9 ",
"url-parse": "^1.4.3",
"websocket-extensions": ">=0.1.1",
"y18n": "^4.0.0",
“yargs-parser”:“^13.1.1”
},
“分辨率”:{
“prismjs”:“^1.23.0”,
“property-expr”:“^2.0.3”



我对这个版本控制的工作方式相对较新,就像我说我继承了这个问题一样,所以除了我在 github 中看到的内容之外,我并没有真正的历史。

任何帮助将不胜感激。

0 投票
0 回答
7 浏览

java - Prismjs 文件高亮插件:找不到文件

我正在尝试使用 prismjs 和 File highlight 来获取 java 文件。但是,我收到一个错误,即找不到该文件。我确保下载文件高亮插件并遵循适当的语法。

我怀疑可能不支持 java 以及其他一些文件扩展名(如 python)(尽管我不知道为什么)。我注意到在查看插件代码时没有列出 java 扩展(但是 python 是,并且不支持?)。

在此处输入图像描述

我知道在stackoverflow上有几个关于这个的问题,但没有一个得到回答。

这是我的代码:

在此处输入图像描述

0 投票
0 回答
18 浏览

javascript - svelte-codejar “ctx[1] 不是构造函数”

我正在将 svelte 和 svelte-codejar 与 prismjs 一起使用,但出现此错误Uncaught TypeError: ctx[1] is not a constructor 这是我的代码

Uncaught TypeError: $options is undefined如果添加此行,我也会得到任何帮助$: ({withLineNumbers = false} = $options);