prism.js无法为PHP代码着色,求解决方法
解决Prism.js PHP代码高亮失效的问题
针对你的情况,可以从以下几个方面排查并修复:
1. 确认Prism.js包含PHP语言支持
默认下载的Prism.js核心包仅支持HTML、CSS、JS等基础语言,需确保你使用的版本包含PHP语言模块:
- 前往Prism官网下载页面,勾选「PHP」选项后重新获取对应的prism.js文件;
- 或直接使用包含所有语言的完整版Prism.js。
2. 修正代码块的标签结构
Prism的标准代码块结构只需在<code>标签上添加语言类即可(<pre>无需重复添加类),同时避免代码块内多余空行导致格式混乱:
<pre> <code class="language-php"> $var = abs(-4.2); var_dump($var); // float(4.2) </code> </pre>
3. 确保脚本引入的顺序和时机
- 先引入
prism.css,再引入prism.js; - 将
prism.js放置在HTML文档的<body>末尾(</body>标签之前),保证DOM加载完成后再执行高亮脚本; - 若代码块是动态生成的,需手动调用高亮方法:
Prism.highlightAll();
内容的提问来源于stack exchange,提问作者Andrew Koper
相关产品推荐
相关产品推荐

