代码高亮插件prism.js

作者:一对一资讯网来源:一对一资讯网

prism.js代码高亮插件,不依赖第三方js库,不需要写调用代码,prism.js调用只需要再code标签上添加类似class=”language-js”这样的类名即可
代码高亮插件prism.js
  • 文件类型:EXCEL
prism.js代码高亮插件,不依赖第三方js库,不需要写调用代码,prism.js调用只需要再code标签上添加类似class=”language-js”这样的类名即可。

 prism.js的调用

prism.js调用很简单,只需要高亮的代码块标签加上你要高亮的语言类型即可,

就是pre标签里面一个code标签,code标签上面加上class=”language-js”,这样language-js中-后面是语言名字,如:

<pre><code class="language-js">
	console.log(123)
<code></pre>

 prism.js如何下载?

下载可以去http://prismjs.com/download.html官方网站下载,这里下载的话,你可以有选择的下载你需要的语言,以使你的prism.js最小化。
//web前端开发http://www.51xuediannao.com/

 prism.js有多种风格可选

在themes文件夹下,可以尝试不同风格,当然你也可以参照这些风格自己diy一个风格文件。

分享到: 生成海报
avatar

热门文章

  • 一对一资讯网 为您提供可靠的服务

    一对一主机系统飞蝌云计算
    登录一对一资讯平台  

    登录

    忘记密码 ?