18
2018
09

代码高亮prismjs

本站的代码高亮使用的是prism.js,支持各种风格,可以自主选择支持的语言,可以选择安装的插件。

确实很好用。

放到本站时有一个BUG,就是所有的函数名都换行了,单独占了一行,开始以为是插件的BUG,在prism.js的官网上试了试没问题,单独下载下来,新建一个html,测试也没问题。看了一下错误位置的css,发现是class为function的样式的问题,本网站的default.css里边也有一个class为function,里边设置了float:left,导致所有的方法名都换行了,而且每个占一行。

解决方式:在prism.css里边把.token.function的样式设置成float:none。

还有就是行间距不够导致代码显示不全的问题,或者其他问题,自己手动改css就可以了。



« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。