ToolboxAgent

代碼著色/高亮

在線代碼高亮工具,支持多種編程語言語法著色,基於highlight.js,純瀏覽器端處理

使用說明

  1. 1 在輸入框中粘貼代碼
  2. 2 選擇代碼語言(或選擇自動檢測)
  3. 3 查看高亮後的代碼,並可複製HTML或純文本

相關工具

關於此工具

代碼高亮工具基於highlight.js對代碼進行語法著色,支持JavaScript、Python、Java、Go、Rust、SQL、Shell等180+種編程語言。輸入代碼後即時呈現帶顏色的高亮效果,也可複製帶樣式的HTML用於網頁嵌入。

常見用途:將代碼片段嵌入技術博客或文檔(複製高亮HTML直接粘貼)、生成截圖前先做高亮處理、在無代碼高亮的富文本編輯器中添加有顏色的代碼展示、以及臨時查看某段代碼的語言結構。

相比直接用<pre><code>標籤嵌入代碼,本工具生成的帶語法高亮的HTML更具可讀性,顏色區分關鍵字、字符串、註釋等要素,不需要在目標頁面額外引入highlight.js腳本。

常見問題

支持哪些編程語言? +

基於highlight.js,支持JavaScript/TypeScript、Python、Java、C/C++、C#、Go、Rust、Swift、Kotlin、PHP、Ruby、Shell/Bash、SQL、HTML/CSS、YAML、JSON等180+種語言,也支持自動檢測語言類型。

複製的HTML可以直接粘貼到網頁嗎? +

可以。工具輸出的高亮HTML包含了內聯樣式,粘貼到任何網頁中都能正確顯示顏色,不需要在目標頁面引入highlight.js的CSS文件。適合在靜態博客、Wiki或郵件中嵌入有高亮的代碼片段。

提供哪些高亮主題? +

提供多種常見主題,包括GitHub風格(淺色)、Atom One Dark、Monokai、Dracula等深色主題,以及VS2015等。可根據目標展示環境選擇合適的主題,暗色網站用深色主題,亮色文檔用淺色主題。

自動檢測語言準確嗎? +

highlight.js的自動檢測對於特徵明顯的語言(如Python、Java、SQL)準確率較高,但對語法相近的語言(如C和C++)可能判斷不準。建議手動選擇語言以確保最準確的高亮效果,自動檢測適合快速預覽場景。

高亮結果可以複製為帶行號的格式嗎? +

可以開啟行號顯示,高亮結果會在左側顯示行號,方便在技術文檔中引用特定行的代碼。複製為HTML時行號也會一起包含,讓代碼展示更專業,尤其適合展示長代碼片段時的引用定位。