欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

歡迎來(lái)到入門(mén)教程網(wǎng)!

網(wǎng)頁(yè)編輯器

當(dāng)前位置:主頁(yè) > 網(wǎng)絡(luò)編程 > 網(wǎng)頁(yè)編輯器 >

Prism 代碼高亮修改不包含 Code 標(biāo)簽的支持

來(lái)源:本站原創(chuàng)|時(shí)間:2020-01-11|欄目:網(wǎng)頁(yè)編輯器|點(diǎn)擊: 次

在 WordPress 中加入了百度的 UEditor 編輯器后,由于自帶的代碼插件在使用時(shí)只會(huì)在代碼外層加入 pre 標(biāo)簽,如圖:

但實(shí)際 Prism 高亮需要下面這種格式的支持:

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

所以為了能夠支持 pre 中沒(méi)有 code 標(biāo)簽的情況,在文件 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 標(biāo)簽,修改為
  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);
    }
   }
}

....

修改后進(jìn)行 Js 壓縮,然后覆蓋原文件,然后在 WordPress UEditor 中插入的代碼在前端頁(yè)面就能高亮顯示了。

Prism 高亮官網(wǎng)地址:http://prismjs.com/

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

上一篇:讓谷歌瀏覽器Google Chrome支持eWebEditor的方法

欄    目:網(wǎng)頁(yè)編輯器

下一篇:ueditor編輯器不能上傳圖片問(wèn)題的解決方法

本文標(biāo)題:Prism 代碼高亮修改不包含 Code 標(biāo)簽的支持

本文地址:http://mengdiqiu.com.cn/a1/wangyebianjiqi/11781.html

網(wǎng)頁(yè)制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語(yǔ)言數(shù)據(jù)庫(kù)服務(wù)器

如果侵犯了您的權(quán)利,請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)進(jìn)行處理、任何非本站因素導(dǎo)致的法律后果,本站均不負(fù)任何責(zé)任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有