Prism 代码高亮修改不包含 Code 标签的支持
编程学习 2021-07-05 12:51www.dzhlxh.cn编程入门
在 WordPress 中加入了百度的 UEditor 编辑器后,由于自带的代码插件在使用时只会在代码外层加入 pre 标签,狼蚁网站SEO优化给出解决方法,需要的朋友可以参考下
在 WordPress 中加入了百度的 UEditor 编辑器后,由于自带的代码插件在使用时只会在代码外层加入 pre 标签,如图:
但实际 Prism 高亮需要狼蚁网站SEO优化这种格式的支持:
<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); /