高亮插件 Prettify

很多人要我公布一下自己的高亮代码,觉得他复制不会带序号挺好。在这里说一下原因。

我用的google的prettify,这个优点的简单,小清新,但是功能也太弱了点,但够用就行嘛。

至于那个序号,我是通过Css写出来的,也就是浏览器自带标签的 ol 的 list-style 样式。

list-style-type: decimal;

还有那个隔开,是通过Css3写的,利用了内阴影的原理。

-webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
-moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0; 
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;

后台调用时候只要在下面这个标签里面就可以自动转化,别忘了前台载入插件。

<pre class="prettyprint linenums lang-css">XXXXX</pre>

插件下载:prettify.zip

    发表评论

    *
    *