程式碼編輯器
輕量程式碼編輯器,支援語法高亮、預覽、搜尋取代、格式化、多分頁管理與常用快捷鍵。
程式碼編輯器
快捷鍵與說明點擊展開
- Tab
- 縮排目前列;選取多列時會一起縮排。
- Shift+Tab
- 反縮排目前列;選取多列時會一起反縮排。
- Ctrl+D / Cmd+D
- 刪除目前列或選取範圍所在列。
- Ctrl+L / Cmd+L
- 開啟跳到指定行。
- Ctrl+Shift+B / P
- 跳到游標附近的對應括號。
- Ctrl+Shift+F / Cmd+Shift+F
- 自動排版目前文件;有標準 formatter 的語言會套用主流規則,其餘套用保守基本排版。
- Ctrl+1-5 / Cmd+1-5
- 依層級收合程式碼區塊,數字 1 到 5 對應收合層級。
- Ctrl+- / Cmd+-
- 收合全部可收合的程式碼區塊。
- Ctrl+* / Cmd+*
- 展開全部已收合的程式碼區塊。
- Ctrl+F / Cmd+F
- 開啟搜尋;工具列可進一步做一筆或全部取代。
- Ctrl+S / Cmd+S
- 立即儲存目前內容至本機。
- Ctrl+Z / Cmd+Z
- 復原上一個編輯動作。
- Ctrl+Y / Cmd+Shift+Z
- 重做上一個編輯動作。
- 右鍵選取文字
- 針對選取文字做字串轉換或 array 處理。
- Shift+S
- 有選取文字時開啟字串與 array 轉換選單。
- Ctrl+Click / Cmd+Click
- Ctrl+Click 符號名稱,跳到檔案內的定義位置(function / class / const)。
語法高亮、行號、括號配對與目前行提示。
Markdown 與 HTML 可切換預覽或分割視圖。
JavaScript、TypeScript、JSON、Markdown、Angular Template、CSS、Sass/SCSS、HTML 會優先使用 Prettier;PHP、Go、Python、SQL、HTTP Request、Shell、Plain text 會套用保守基本排版。
搜尋取代支援一筆、全部、Regex、大小寫與全字匹配。
可收合目前區塊、展開、全收、全展,也可嘗試 1-5 層收合。
右鍵選取文字可做 URL/Base64、大小寫、JSON escape、array 互轉與多列整理。
分頁內容自動儲存在本機 localStorage,並可匯入檔案或下載目前內容。
不執行程式碼、不開專案目錄,也不把內容主動上傳到伺服器。
輕量但實用的編輯器
大面積編輯區搭配工具列,提供語法高亮、行號、括號配對、收合、搜尋取代、右鍵轉換與常用 IDE 快捷鍵。
支援語言
支援 JavaScript、TypeScript、JSON、PHP、Go、Python、Markdown、Angular Template、Database / SQL、HTTP Request、CSS、Shell、Sass / SCSS、HTML 與純文字。Markdown 與 HTML 可預覽,JS、TS、JSON、Markdown、Angular Template、CSS、HTML 可格式化。
本機分頁
分頁內容儲存在你的瀏覽器 localStorage,不會主動上傳到伺服器。清除瀏覽器資料會移除所有本機分頁。
使用說明
選擇語言或匯入檔案開始編輯。
使用工具列切換編輯、檢視、預覽或分割視圖。
需要時使用搜尋取代、格式化、收合與右鍵轉換工具。
分頁會自動存在本機,也可以下載目前內容。
FAQ
這個工具會執行程式碼嗎?
不會。它是瀏覽器內的文字與程式碼編輯器,不執行使用者輸入的程式碼。
哪些語言可以預覽?
目前支援 Markdown 與 HTML 預覽。HTML 使用 sandbox iframe,不允許 script。
哪些語言可以格式化?
JavaScript、TypeScript、JSON、Markdown、Angular Template、CSS 與 HTML 使用 Prettier 格式化;PHP、Go、Python、Database / SQL、HTTP Request、Shell、Sass / SCSS 與純文字套用保守基本排版。
草稿會同步到雲端嗎?
不會。草稿只存在目前瀏覽器的 localStorage。
可以開啟整個專案嗎?
目前不支援專案樹或多檔案目錄,只提供本機單檔與分頁管理。