如何在html頁面上嵌入代碼

我在windows上，我想創建一個基於web的代碼片段工具供我自己使用。因爲每個真棒應用程序似乎只存在於Mac上。 Snippley沒問題，但它沒有搜索功能。有沒有一個JavaScript庫或jQuery插件，允許我以一種很好的方式呈現代碼片段？類似於Nettuts中的一個： enter image description here 如何在html頁面上嵌入代碼

來源

2011-10-22 Wern Ancheta

我猜的最漂亮和最常用的就是Google代碼優化。這是一個css庫，用於完成你粘貼的這個截圖。

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

你可以用Twitter的引導的CSS庫也與谷歌代碼美化使用它：http://twitter.github.com/bootstrap/

檢查Twitter的引導的頁面的源代碼，你會看到，你只需要像這樣：

<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/

就是這樣！

來源

2011-10-22 12:49:24 Pabluez

這不僅是CSS，它也是JavaScript ... –

再次檢查答案。我編輯過它。你需要什麼？ – Pabluez

首先，我不需要任何東西，因爲我沒有問這個問題;）。其次，我的意思是Google的美化不僅僅是CSS，它還包含JavaScript。您還必須包含JavaScript文件，而不僅僅是CSS文件才能使其工作。你說這是一個CSS庫，我會說這是不正確的。 –

如何在html頁面上嵌入代碼

回答

相關問題