文章彙整

【教學】Google Code Prettify 幫您的程式碼上個色吧!

Astral WebBy Astral Web 3 years agoNo Comments
首頁  /  網站設計與開發  /  【教學】Google Code Prettify 幫您的程式碼上個色吧!

Google Code Prettify

Google Code Prettify 語法上色工具

Google Code Prettify 是一個好用的語法上色工具、用法相當簡單

下載解壓縮後,引用他的 CSS 和 JavaScript:
<link href="prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="prettify.js"></script>

把要上色的程式碼用 class=”prettyprint” 的 pre 標籤包起來:

<pre class="prettyprint">

這裡放上原始碼

</pre>

最後在 body 標籤內加上  onload=”prettyPrint()” 這樣子就完成了哦!

<body onload="prettyPrint()">

支援的語言包含 C 語言、Java、Python、Bash、SQL、HTML、XML、CSS、Javascript、Makefiles 等。

歐斯瑞有限公司編寫製作

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  網站設計與開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。