Prism 代码高亮修改不包含 Code 标签的支持

在 WordPress 中加入了百度的 UEditor 编辑器后，由于自带的代码插件在使用时只会在代码外层加入 pre 标签，如图：

但实际 Prism 高亮需要下面这种格式的支持：

<pre class="line-numbers language-csharp">
  <code>
    //高亮代码
  </code>
</pre>

所以为了能够支持 pre 中没有 code 标签的情况，在文件 Prism.js 中查找 highlightAll 并修改如下代码：

....

highlightAll: function(async, callback) {

  //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 = "<code>" + pre.innerHTML + "</code>";
      _.highlightElement(pre.firstChild, async === true, callback);
    }
   }
}

....

修改后进行 Js 压缩，然后覆盖原文件，然后在 WordPress UEditor 中插入的代码在前端页面就能高亮显示了。

Prism 高亮官网地址：http://prismjs.com/

Prism GitHub  地址：https://github.com/PrismJS/prism

# Prism  # 代码高亮  # 就能  # 会在  # 如图  # 自带  # 编辑器  # 官网  # js  # highlightAll  # code  # csharp  # gt  # function  # var  # elements  # document  # async  # callback  # language  # 高亮 

相关文章： c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  宝塔Windows建站如何避免显示默认IIS页面？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  建站之星如何实现网站加密操作？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  枣阳网站制作,阳新火车站打的到仙岛湖多少钱？  网站企业制作流程,用什么语言做企业网站比较好？  如何快速搭建安全的FTP站点？  专业商城网站制作公司有哪些,pi商城官网是哪个？  如何规划企业建站流程的关键步骤？  广德云建站网站建设方案与建站流程优化指南  如何快速生成橙子建站落地页链接？  如何选择建站程序？包含哪些必备功能与类型？  建站之星在线版空间：自助建站+智能模板一键生成方案  已有域名如何免费搭建网站？  制作宣传网站的软件,小红书可以宣传网站吗？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  建站之星如何快速解决建站难题？  制作网站建设的公司有哪些,网站建设比较好的公司都有哪些？  网站专业制作公司有哪些,做一个公司网站要多少钱？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  大同网页,大同瑞慈医院官网？  兔展官网 在线制作,怎样制作微信请帖？  建站之星北京办公室：智能建站系统与小程序生成方案解析  如何在服务器上配置二级域名建站？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  代购小票制作网站有哪些,购物小票的简要说明？  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  如何在云主机上快速搭建多站点网站？  建站主机是什么？如何选择适合的建站主机？  已有域名和空间如何搭建网站？  如何设置并定期更换建站之星安全管理员密码？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  建站之星伪静态规则如何设置？  jQuery 常见小例汇总  C#怎么使用委托和事件 C# delegate与event编程方法  如何批量查询域名的建站时间记录？  如何快速查询网址的建站时间与历史轨迹？  如何用PHP工具快速搭建高效网站？  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？  如何用PHP快速搭建高效网站？分步指南  如何在建站之星网店版论坛获取技术支持？  行程制作网站有哪些,第三方机票电子行程单怎么开？  建站之星后台密码遗忘如何找回？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  建站之星后台管理：高效配置与模板优化提升用户体验  深圳网站制作培训,深圳哪些招聘网站比较好？  建站之星24小时客服电话如何获取？  建站之星如何助力企业快速打造五合一网站？