如何在html页面上嵌入代码

Wer*_*eta 5 javascript code-snippets

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

Pab*_*uez 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">
Run Code Online (Sandbox Code Playgroud)

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

就是这样!

  • 首先,我不需要任何东西,因为我没有问这个问题;)。其次,我的意思是Google的prettify不仅仅是CSS,它还包含JavaScript。您还必须包含 JavaScript 文件(而不仅仅是 CSS 文件)才能使其正常工作。你说它是一个 CSS 库,我认为这是不正确的。 (2认同)