代碼著色/高亮
在線代碼高亮工具,支持多種編程語言語法著色,基於highlight.js,純瀏覽器端處理
使用說明
- 1 在輸入框中粘貼代碼
- 2 選擇代碼語言(或選擇自動檢測)
- 3 查看高亮後的代碼,並可複製HTML或純文本
相關工具
Cron 表達式解析器(含時區熱力圖)
解析 Cron 表達式為人類可讀描述,可視化字段含義,預覽未來 10 次執行時間,並支持多時區對照與 30 天日曆熱力圖。
CSS格式化/壓縮
在線CSS代碼格式化與壓縮工具,支持縮進美化與去除空白
代碼對比查看器
並排對比兩段文本或代碼的差異,新增/刪除行高亮顯示
HTML格式化/壓縮
在線HTML代碼格式化與壓縮工具,支持縮進美化與去除空白
HTML預覽/運行器
在線HTML代碼編輯和實時預覽工具,支持在沙盒iframe中運行HTML代碼。
JS格式化/壓縮
在線JavaScript代碼格式化與壓縮工具,支持縮進美化與單行壓縮
JSON格式化/編輯
在線JSON格式化、校驗和美化工具,支持語法高亮和錯誤提示
SQL格式化
在線SQL格式化工具,支持 MySQL、PostgreSQL、SQLite 等多種方言
時間戳轉換
在線時間戳轉換工具,支持秒級、毫秒級時間戳與日期時間雙向轉換。
URL 解析器
在線 URL 解析工具,支持拆解協議、主機、路徑、查詢參數和錨點信息。
UUID生成器
在線UUID v4生成器,支持批量生成、大寫和去橫線選項,一鍵複製。
XML格式化
在線XML格式化、美化工具,支持壓縮與縮進切換
YAML格式化
在線YAML與JSON互轉、格式化、校驗工具,支持雙向轉換和錯誤提示
關於此工具
代碼高亮工具基於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時行號也會一起包含,讓代碼展示更專業,尤其適合展示長代碼片段時的引用定位。