Top Banner 廣告版位預留

程式碼編輯器

輕量程式碼編輯器,支援語法高亮、預覽、搜尋取代、格式化、多分頁管理與常用快捷鍵。

程式碼編輯器

未命名第 1 行,第 1 欄1 行 · 0 字 · TypeScript未選取文字尚未儲存
快捷鍵與說明點擊展開
快捷鍵一覽常用操作集中在這裡,需要時展開查詢即可。
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,並可匯入檔案或下載目前內容。

不執行程式碼、不開專案目錄,也不把內容主動上傳到伺服器。

In-content 廣告版位預留

輕量但實用的編輯器

大面積編輯區搭配工具列,提供語法高亮、行號、括號配對、收合、搜尋取代、右鍵轉換與常用 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。

可以開啟整個專案嗎?

目前不支援專案樹或多檔案目錄,只提供本機單檔與分頁管理。