本来想编辑一下prism.js文件的。看里面被压缩了。就放到这个行数插件里面吧。
首页 >> 外观 >> 主题编辑 >> 根目录\source\lib\prism\js\prism-line-numbers.js
在函数体最后添加这段代码：
里面的79.19px高度你们自己控制，刚好是一行代码的高度。
_resizeElement(pre);
});
// ↑115行代码
// ↓↓↓ 添加的代码 ↓↓↓
Prism.plugins.toolbar.registerButton("showOrClose", {
text: "展开/关闭",
onClick: function (env) {
if (env && env.element && env.element.parentNode) {
let showState = env.element.parentNode.getAttribute("show-state");
if (showState == null) {
showState = 1;
}
if (!!parseInt(showState)) {
env.element.parentNode.setAttribute("show-state", 0);
env.element.parentNode.style.maxHeight = "79.19px";
} else {
env.element.parentNode.setAttribute("show-state", 1);
env.element.parentNode.style.maxHeight = 'max-content';
}
}
},
});
// ↑↑↑ 添加的代码 ↑↑↑
})();
才发现Prism的代码块需要有代码类型才会有按钮，否则你的按钮不显示，折叠也不能实现。
