知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    代码高亮插件prism.js

    作者:佳明妈 来源:未知 2016-09-26 人气:
    prism.js代码高亮插件,不依赖第三方js库,不需要写调用代码,prism.js调用只需要再code标签上添加类似class="language-js"这样的类名即可

    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一个风格文件。

    站长素材整理发布

    ↓ 查看全文

    代码高亮插件prism.js由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    代码高亮插件prism.js-最新评论