ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀

ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀
Copyright : Yurii Tymchuk / 123RF Stock Photos

為了讓閱讀程式碼更方便,編輯器通常都會內建高亮(Highlight)功能,上色後讓使用者編寫原始碼更流暢,如果想在網頁上呈現類似效果,WordPress 有外掛程式提供程式碼高亮功能,或是使用 GitHub Gist 服務轉換後貼到網頁上也能達到類似效果。之前曾經介紹過像是「hilite.me 線上將程式碼加上高亮效果,免載入 JavaScript、CSS」可以直接將代碼轉為帶有色彩的 HTML 原始碼,或是使用 Carbon 轉為圖片也很特別。

WordHTML 線上將 Word 轉為 HTML,內建清理工具原始碼更乾淨

WordHTML 線上將 Word 轉為 HTML,內建清理工具原始碼更乾淨
Copyright: dimarik16 / 123RF Stock Photo

相信許多讀者都曾有過類似經驗:從 Microsoft Word、Excel 或 PowerPoint 複製內容,貼到網頁的編輯器後發生問題,例如格式跑掉或被塞進一堆骯髒、用不到的網頁原始碼,而這在 Office 早就已經不是新聞,通常解決的辦法只能先貼到純文字編輯器,將這些文字格式「清除」後重新貼回來,不過這又會遇到另一個問題:原有格式必須在瀏覽器端重新加入,通常是件很浪費時間的工作。

hilite.me 線上將程式碼加上高亮效果,免載入 JavaScript、CSS

hilite.me
(Copyright: simpson33 / 123RF Stock Photo

前幾天剛介紹過「Carbon 將程式碼轉為美麗圖片,在社群分享更引人注目」,Carbon 是相當有趣的程式碼運用,除了提升擷圖質感、讓原始碼更易於閱讀,最大用途是當你要分享程式碼到社群網站,做成圖片效果會更為理想。圖片的缺點是無法直接複製,還是必須附上純文字內容,但不是每個平台都支援顯示原始碼,而且也可能因為編輯器或安全問題導致程式碼無法完整顯示。