google code prettify - OXXO.STUDIO

google code prettify. 這是一套由Google 出品的程式碼美化工具，主要用來美化分享在網站上的程式碼，通常我們的程式碼會使用 pre 的標籤包覆，但內容的樣式卻是非常的 ... ARCHIVE ABOUT CONTACT Designthinkingiseverywhere googlecodeprettify 這是一套由Google出品的程式碼美化工具，主要用來美化分享在網站上的程式碼，通常我們的程式碼會使用pre的標籤包覆，但內容的樣式卻是非常的死板，若自己進行樣式的編輯，而要使用各種不同的顏色來滿足各種不同的代碼，這項工程更比登天還難，這時候就很需要程式碼美化的工具。

自己曾經使用過一套名為SyntaxHighlighter的程式碼美化工具，不過後來使用過Googlecodeprettify，整體而言比SyntaxHighlighter更為輕薄短小便利，產生出來的美化效果也相當不錯，在此推薦給大家使用！使用與安裝的方式如下： 下載Googlecodeprettify 由這裡下載https://code.google.com/p/google-code-prettify/ 載入run_prettify.js 把js放入你需要美化程式碼的頁面當中 添加樣式 接著別忘記在pre的標籤，加上prettyprint的樣式，一切就大功告成囉！ 置換樣式 我個人偏好一套名為tomorrow的樣式，可以從這裡下載：http://jmblog.github.io/color-themes-for-google-code-prettify/tomorrow/ 如此一來就能夠輕鬆做出美美的程式碼囉！ 美化過的HTML範例：

BackHome ArticleList ShareonFacebook ShareonGoogle+ ShareonTwitter BacktoTop 有興趣瞧瞧其他新文章嗎？ 前一篇文章： 下一篇文章： 您可以閱讀其他相關文章，或瀏覽所有文章 Copyright2019|AllRightsReserved.DesignedbyOXXO.STUDIO