手机版

棱镜代码高亮修改不包含密码标签的支持

时间:2021-09-05 来源:互联网 编辑:宝哥软件园 浏览:

在WordPress中加入了百度的UEditor编辑器后,由于自带的代码插件在使用时只会在代码外层加入在…之前标签,如图:

但实际棱镜高亮需要下面这种格式的支持:

pre class='行号-语言-csharp代码/高亮代码/code/pre所以为了能够支持在…之前中没有密码标签的情况,在文件Prism.js中查找荧光笔并修改如下代码:

.荧光笔:函数(异步,回调){//var elements=document。query selectorall(' code[class *=' language-'],[class*='language-'] code,code[class*='lang-'],[class *=' lang-']code));//对于(var i=0,元素;元素=元素[I];) { //_.highlightElement(element,async===true,回调);//} //支持在…之前标签,修改为var ClsReg=/\ s * \ b语言-\ b \ s */;var pres=文档。query selectorall(' pre ');for (var i=0,prete=pres[I];){ var isCode=falseif((pre。第一个孩子(isCode=(pre。第一个孩子。标记名==' CODE '))cls reg。测试(预。第一个孩子。类名))| | cls reg。测试(预。类名){ if(!isCode)pre。innerhtml=' code ' pre。innerhtml '/code ';_.突出显示元素(pre。第一个孩子,async===true,回调);} }}.修改后进行射流研究…压缩,然后覆盖原文件,然后在WordPress用户编辑器中插入的代码在前端页面就能高亮显示了。

棱镜高亮官网地址:http://prismjs.com/

棱镜开源代码库地址:https://github.com/PrismJS/prism

版权声明:棱镜代码高亮修改不包含密码标签的支持是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。