国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > 軟件應(yīng)用 > 正文

Prism 代碼高亮修改不包含 Code 標簽的支持

2024-09-06 19:17:02
字體:
供稿:網(wǎng)友

在 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 高亮官網(wǎng)地址:http://prismjs.com/

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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 登封市| 邻水| 荆州市| 永兴县| 分宜县| 达拉特旗| 蓝山县| 滨州市| 合川市| 朝阳县| 三亚市| 广饶县| 咸阳市| 鄢陵县| 合阳县| 龙门县| 汝城县| 五寨县| 广丰县| 大庆市| 宣化县| 侯马市| 安顺市| 县级市| 绥芬河市| 子长县| 大方县| 福海县| 安庆市| 那曲县| 渭源县| 象山县| 京山县| 兴安县| 卓尼县| 博罗县| 繁峙县| 新乡市| 沿河| 莱阳市| 马尔康县|