AI摘要
使用 Prism.js 代码高亮库,可以通过在 HTML 头部添加脚本和样式表,以及在页脚添加高亮函数,实现代码块的高亮显示。在 Pjax 框架中,需要在 Pjax 回调函数中调用高亮函数,以确保在页面加载后代码块也能正确高亮。
使用 Prism.js 代码高亮库,可以通过在 HTML 头部添加脚本和样式表,以及在页脚添加高亮函数,实现代码块的高亮显示。在 Pjax 框架中,需要在 Pjax 回调函数中调用高亮函数,以确保在页面加载后代码块也能正确高亮。
实现代码块高亮显示效果
head加入
<script src="https://cdnjs.sgcd.net/code-highlight/js/prism.js"></script>
<link rel="stylesheet" href="https://cdnjs.sgcd.net/code-highlight/css/prism.css" />
footer加入
<script>
Prism.highlightAll()
</script>
pjax回调函数
<script>
$(document).on('pjax:end', function() {
// 回调函数中调用 Prism 的高亮函数
Prism.highlightAll();
});
</script>