返回列表 發帖

線上程式碼語法高亮產生器 - Online syntax highlighting

你可以在這邊輸入你的程式碼,選擇語法種類再按下「幫我上色」的按鈕就可以得到有色彩顯示的程式碼囉。




















有了程式碼高亮產生器之後,你的人生就不再是黑白了!上色後的程式碼可以複製到 Word、PowerPoint 裡面,或是任何 Google 線上的WYSIWYG 編輯器內,像是 Google Docs 或 Google Sites,從此文件內的程式碼都是漂漂亮亮的喔!
To infinity and beyond!

其他選擇

上面這一篇是透過 dp.SyntaxHighlighter 在 client 端完成語法上色的。事實上要做程式碼的語法上色有很多其他方式,如果你偏好用黑色背景來顯示的程式碼,可以試試看這一套線上工具 Online syntax highlighting,除了支持各式各樣的程式語言外,還有很多種佈景主題喔,在線上就可以幫你把程式碼轉成 HTML 的格式,試試看黑色的效果如何:

<script type="text/javascript">
function doSomething(e) {
  var keynum;
  var keychar;
  var numcheck;
  if (window.event) {
    keynum = e.keyCode;
  } else if (e.which) {
    keynum = e.which;
  }
  keychar = String.fromCharCode(keynum);
  alert(keychar);
}
</script>

此外,如果你熟悉 Vim,可以安裝 2html.vim 這個 plugin,就可以把程式碼給轉成 HTML 格式,詳情請參考這篇部落格文章:
Syntax highlighting on this blog using semantic tags and Vim

如果上述的工具都不合用,也有專門產生高亮語法的工具軟體,可以批次或處理大量的程式碼,只要透過 Google 搜尋一下 Syntax Highlight 相關字詞應該不難找到,希望大家都有個美麗的程式人生~
To infinity and beyond!

TOP

返回列表 回復 發帖