找代码高亮插件选了好久,还是这个使用起来比较方便。 先上链接:插件下载地址 官方使用方法地址 建议看官方的资料,我这里仅仅简要描述一下使用方法: 引入方法: 测试引入是否成功:herf 换成 自己放置的路径,打开测试网页源代码,点击css,js文件链接 能看到代码内容即OK。 (下载的文件里还有部分 ...
分类:
其他好文 时间:
2017-12-10 14:23:30
阅读次数:
151
MarkdownPad 2有插入代码块的功能,但样式却不尽人意,但又不想换个编辑器,找了挺多相关资料,最后在MarkdownPad 2集成prettify高亮插件。 如下相关资料: [HTML] Prettify 代码高亮使用总结 Google Code Prettify,代码高亮的JS库 详解Go ...
分类:
其他好文 时间:
2017-11-18 13:41:45
阅读次数:
439
Prettify 是什么?
Prettify 是一款 HTML 代码高亮插件;原名:Google-Code-Prettify
是一款谷歌开发的代码高亮插件;它可以让你的网站代码显示更具特色。在我的使用中它不是最优秀的,但是却是非常不错的。光说没用要给大家看看才行。...
分类:
Web程序 时间:
2014-11-24 10:01:37
阅读次数:
281
在网上查了一下,有一个不太完美的解决办法,就是加入如下代码:
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style-type: decimal !important
}
然后再将你需要显示的代码里面的换成回车即可,这样就可以显示出来行号了。
<div class=&quo...
分类:
其他好文 时间:
2014-09-22 17:52:03
阅读次数:
205
在网上查了一下,有一个不太完美的解决办法,就是加入如下代码:
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style-type: decimal !important
}
然后再将你需要显示的代码里面的换成回车即可,这样就可以显示出来行号了。
<div class=&quo...
分类:
其他好文 时间:
2014-09-20 17:21:49
阅读次数:
170
这款插件的名字叫做google-code-prettify
使用该插件之前的效果:
使用插件之后的效果:
接下来说步骤:
(1)下载两个文件
http://codecloud.sinaapp.com/google-code-prettify/prettify.css
http://codecloud.sinaapp.com/google-code-prett...
分类:
Web程序 时间:
2014-05-24 14:39:56
阅读次数:
311