成年人的在线免费视频,婷婷91精品国产91久久综合,人妻精品人妻888,性感美女视频一区二区三区,国产熟女精品视频免费看,国内精品九九久久精品小草,中文字幕日韩精品欧美丝袜,午夜精品久久久久蜜桃毛片,91久久在线视频观看

ueditor百度編輯器 使用 prismjs 插件 實(shí)現(xiàn)代碼高亮

ueditor百度編輯器 官方免費(fèi)插件

prismjs.com 下載prism即可，下載方法建議百度，這里就不說(shuō)了，很簡(jiǎn)單得。

下載的prism.js 和prism.css記得調(diào)用

先上效果圖

<pre class="brush:js;toolbar:false;"> xxx </pre>

這個(gè)代碼是百度編輯器自帶得一個(gè)代碼，

<pre><code class="language-css">p { color: red }</code></pre>

而prismjs 需要的是 中間要有個(gè)<pre><code class="language- 語(yǔ)言"></code></pre>

注：后臺(tái)的話嘗試過(guò)修改編輯器代碼 幾萬(wàn)條代碼看的是眼花繚亂，勉強(qiáng)能實(shí)現(xiàn)，重復(fù)點(diǎn)擊會(huì)失效，搞了兩個(gè)小時(shí)就想想前臺(tái)能不能改

百度查到的相結(jié)合可以完美實(shí)現(xiàn)，利用的是JS來(lái)構(gòu)造，廢話不多說(shuō)直接上代碼

闡述下邏輯：

1. 首先遍歷所有的 <pre> 標(biāo)簽，獲取其 class 屬性值。

2. 使用 ; 號(hào)來(lái)分隔值，放入數(shù)組。

3. 再次獲取數(shù)組第一個(gè)值，再次使用: 分隔，放入數(shù)組。數(shù)組內(nèi)第二個(gè)值即為 html（代碼語(yǔ)種）

4. 獲取 <pre> 標(biāo)簽內(nèi)容，放入 <code> 包裹起來(lái)，再次放入 <pre> 標(biāo)簽。

下面代碼使用方式：頁(yè)面調(diào)用下載的prism.js和prism.css，然后把下面的代碼復(fù)制黏貼到最下面的js即可。