【记录】使用PJAX导致代码高亮插件 失效 解决方法

1,822 views次阅读
没有评论

📮广告: 免费体验ChatGPT

免费体验最强ChatGPT: https://chat.ncii.cn/
注册即送100积分。
免费体验最强ChatGPT:https://chat.ncii.cn/


前言

因为非常喜欢这个风格设计,昨天花了100大洋,换了这个新主题,但是有几个小问题以及设计不喜欢,正在慢慢改。

今天发一篇文章的时候发现主题自带的代码高亮设置容易把单引号“ ' ”转义成中文符的单引号“ ‘ ”。

而且也不是很喜欢这个风格的代码高亮,所以更换成了enlighter插件

更换图中碰到一个问题,记录一下。

问题原因

因为PJAX加载导致代码高亮没有重新进行初始化(使用的 Enlighter 插件)然后导致代码高亮失效。

解决方法

在主题文件的PJAX相关代码中的complete方法或会进行PJAX刷新的方法中加入代码高亮JS初始化方法。

以EnlighterJS为例:

EnlighterJS.init("pre.EnlighterJSRAW", "code.EnlighterJSRAW", {"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""})

【记录】使用PJAX导致代码高亮插件

【记录】使用PJAX导致代码高亮插件

完美解决~@(击掌)

Swaggy Macro
版权声明:本站原创文章,由 Swaggy Macro 2020-07-20发表,共计649字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码
载入中...