如何在html页面上嵌入代码

时间:2011-10-22 12:43:55

标签: javascript code-snippets

我在Windows上,我想创建一个基于Web的代码片段工具供我自己使用。因为每个真棒应用程序似乎只存在于mac上。 Snippley没问题,但它没有搜索功能。 是否有一个javascript库或jquery插件,允许我以一种很好的方式呈现代码片段?类似于Nettuts中的那个: enter image description here

1 个答案:

答案 0 :(得分:4)

我认为最美丽,最常用的是Google代码Prettify。 这是一个css库,用于完成您粘贴的屏幕截图。

http://code.google.com/p/google-code-prettify/

你也可以使用Twitter Bootstrap Css库和Google Code Prettify:http://twitter.github.com/bootstrap/

检查Twitter Bootstrap的页面来源,你会发现你只需要这样的东西:

<link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">

或者您可以在此处选择16个免费的javascript代码protiffiers:http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/

就是这样!