问题标签 [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.
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.
reactjs - 如何使用 PrismJS 突出显示 React tsx
我有这个 html 文件:
它应该显示突出显示的代码,但所有组件标签都被删除,我所拥有的只是注释:
请帮忙。
javascript - 根据文本宽度调整 `prism.js` 代码片段框宽度
我的 HTML 如下:-
上述代码的输出:
上述代码的输出 => https://i.stack.imgur.com/EDSVQ.jpg
预期输出:
预期输出 => https://i.stack.imgur.com/7esAU.png
只是意味着我只想根据里面的文本宽度设置黑框宽度,所以请建议我这样做......
希望我能让你明白。
提前致谢。
reactjs - 如何在 ReactTinyMCE 中添加自定义 Prism.js 样式以进行代码示例格式化和突出显示?
这是我使用@tinymce/tinymce-react 的反应的 TinyMCE 配置。
我检查了如何添加自定义主题宽度 Prism.js,但它不起作用。我想使用okaidia主题
任何知道如何使用 tinymce && prism.js为codesample使用自定义样式而不是默认样式的人都可以提供帮助。
codesample 的默认格式如下所示,但我想使用okaidia主题并添加其他自定义棱镜样式。
reactjs - Draftjs 与语法高亮库(高亮或棱镜 js)?
我是 javascript 世界和它的生态系统的新手。我需要为我的 react 网站创建一个文本编辑器,我将在其中托管包含大量代码的页面——正确突出显示语法。拿起了 Draftjs,但我发现在 Draftjs 编辑器中正确显示代码非常复杂。你会使用装饰器、自定义块渲染/样式和/或自定义块组件——这是我在官方文档中看到的三种主要方式?理想情况下,我想使用 highlight-js 或 prism-js 进行样式设置,但将其与 Draftjs 集成起来非常困难。任何示例代码演示都会非常有帮助!
注意:仅 Draftjs + highlight-js 或 prism-js ——我真的不想在这里引入额外的库,比如 Draft-js-prism。
谢谢各位!
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 中看到的内容之外,我并没有真正的历史。
任何帮助将不胜感激。
java - Prismjs 文件高亮插件:找不到文件
我正在尝试使用 prismjs 和 File highlight 来获取 java 文件。但是,我收到一个错误,即找不到该文件。我确保下载文件高亮插件并遵循适当的语法。
我怀疑可能不支持 java 以及其他一些文件扩展名(如 python)(尽管我不知道为什么)。我注意到在查看插件代码时没有列出 java 扩展(但是 python 是,并且不支持?)。
我知道在stackoverflow上有几个关于这个的问题,但没有一个得到回答。
这是我的代码:
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);