国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 肇源县| 修水县| 安阳市| 新泰市| 如东县| 岫岩| 云安县| 宝鸡市| 蒙城县| 贵阳市| 定日县| 平罗县| 肇庆市| 菏泽市| 合作市| 望江县| 西吉县| 普安县| 商城县| 临沭县| 铅山县| 留坝县| 本溪市| 尖扎县| 常州市| 辰溪县| 江北区| 陇南市| 东港市| 清徐县| 松桃| 寿光市| 济阳县| 湘西| 波密县| 浦江县| 衡阳县| 兴和县| 和顺县| 罗源县| 长沙市|