别来无恙 2023-03-26
<pre class="brush:代码语言;toolbar:false">代码</pre>
以上是UEditor输出的
<pre><code class="code language-代码语言">代码</code></pre>
以上是Prism.js所需要的输出的
要想前者输出的代码适用Prism.js 只需要在模板里加上如下JS
<!-- prism 高亮 UEditor --> <script type="text/javascript"> var $codepre = $("pre[class]"); if($codepre.length>0){ for(var i = 0;i<$codepre.length;i++){ var item = $codepre.eq(i); var language = ""; item.attr("class").replace(/brush:([^;]+)/,function(a,b){ language = b; }); if(language){ var codehtml = item.html(); var code = $("<code>"); code.attr("class","code lang-"+language); code.html(codehtml); item.html(code); Prism.highlightElement(code[0]); } } } </script> <!-- prism 高亮 UEditor -->