Prism 代码高亮修改不包含 Code 标签的支持
本文提出一种方法，针对WordPress中UEditor编辑器输出的代码缺少code标签导致Prism无法高亮的问题，通过修改Prism.js的highlightAll函数，使其支持检测pre标签并自动为符合条件的代码块包裹code标签，从而有效实现了Prism的代码高亮功能，效果良好。
在 WordPress 里集成了百度的 UEditor 编辑器之后，许多朋友可能会遇到一个比较头疼的问题——自带的代码插件，输出代码时只在最外层包了一层 标签，就像下面这张图展示的那样：
但 Prism 这个代码高亮库，想要正常工作，代码格式其实得长这样：
//高亮代码
说白了，就是 里面必须嵌套一个 标签，Prism 才能正确识别并高亮。那么问题来了：怎么让 UEditor 输出的代码，也能适配 Prism 的这种要求？
方法其实很简单，打开 Prism.js 文件，找到 highlightAll 这个函数，把里面的代码按照下面这样改一下就行：
....
highlightAll: function(async, callback) {
// 原来的代码，默认只找 code 标签
//var elements = document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');
//for (var i=0, element; element = elements[i++];) {
// _.highlightElement(element, async === true, callback);
//}
// 修改后的代码，开始支持 pre 标签
var clsReg = /\s*\blanguage-\b\s*/;
var pres = document.querySelectorAll("pre");
for (var i = 0, pre; pre = pres[i++];) {
var isCode = false;
if ((pre.firstChild
&& (isCode = (pre.firstChild.tagName === "CODE"))
&& clsReg.test(pre.firstChild.className))
|| clsReg.test(pre.className)) {
if (!isCode) pre.innerHTML = "" + pre.innerHTML + "";
_.highlightElement(pre.firstChild, async === true, callback);
}
}
}
....
这段修改的核心思路是：先判断 标签本身或者它的第一个子元素是否带有 language- 这类 class。如果找到了，但子元素不是 ，那就手动给它包一层 标签。这样一来，不管 UEditor 输出的是哪种格式，Prism 都能正常识别并高亮。
把修改后的代码压缩一下，覆盖原文件，再回到 WordPress 的 UEditor 里插入代码，前端页面就能看到漂亮的代码高亮效果了。其实改动并不大，但效果立竿见影。
赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。
一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。
Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。
CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。
Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。
