線上 HTML 編輯器

<!DOCTYPE html> <html> <head> <title>線上 HTML 編輯器</title> </head> <body> <h1>線上 HTML 編輯器</h1> <p>這是一個即時 HTML 線上編輯器</p> </body> </html>

使用線上 HTML 編輯器(HTML-5 版)直接在瀏覽器中編輯、執行和共享您的 HTML 程式碼。此線上編譯器讓您可以使用最新版的 HTML-5 輕鬆編輯和編譯程式碼。

如何使用線上 HTML 編輯器?

編寫並執行程式碼

  • 直接在“原始碼”選項卡下方編寫(或者貼上)您的程式。
  • 如果您希望儲存程式,請前往“專案”選單並儲存它。
  • 您可以不儲存程式而直接執行它,只需單擊“執行”按鈕即可。

如何輸入使用者輸入?

最新版的線上 HTML 編輯器允許您在執行時從終端視窗提供程式輸入,方式與在自己的電腦上執行程式完全相同。因此,只需執行程式,然後從右側提供的終端視窗中提供程式輸入(如果有)即可。

鍵盤快捷鍵

以下是我們編輯器的快捷鍵

快捷鍵說明
⌘ + Enter執行此程式
⌘ + S儲存專案(需要登入)
⇧ + ⌘ + S另存為專案
⌘ + P新建專案
⌘ + G共享專案
⌘ + Z撤銷編輯
⌘ + Y重做編輯
⌘ + A全選文字
⌘ + X剪下所選文字
⌘ + C複製所選文字
⌘ + V貼上已複製文字
⌘ + F搜尋文字
⌘ + ⌥ + F替換文字
快捷鍵說明
Ctrl + Enter執行此程式
Ctrl + S儲存專案
Shift + Ctrl + S另存為專案
Ctrl + G共享專案
Ctrl + Z撤銷編輯
Ctrl + Y重做編輯
Ctrl + A全選文字
Ctrl + X剪下所選文字
Ctrl + C複製所選文字
Ctrl + V貼上已複製文字
Ctrl + F搜尋文字
Ctrl + H替換文字

儲存並共享專案程式碼

線上儲存 HTML 專案

可以將 HTML 專案儲存在我們的網站上,以便以後訪問此專案。要儲存專案,您需要使用我們的網站建立登入 ID。因此,在儲存專案之前,請使用本頁面右上角提供的連結建立登入 ID。

線上共享 HTML 專案

您可以使用此功能與您的老師、同學和同事分享您的 Html 程式碼。只需單擊分享按鈕,便會建立一個短連線,可以透過電子郵件、WhatsApp 甚至社交媒體進行分享。如果一個分享連線在近 3 個月內都處於非活動狀態,那麼該連線會遭到刪除。

編輯器的更多功能

  • 主題 – 您可以在“設定”選單下的“編輯器主題”選項中更改當前編輯器的主題。
  • 字型大小 – 您可以在“設定”選單下的“字型大小”選項中更改編輯器/編譯器的字型大小。
  • 製表符大小 – 您可以在“設定”選單下的“製表符大小”選項中更改制表符大小。
  • 顯示/隱藏行號 – 您可以在“設定”選單下的“顯示行號”或“隱藏行號”選項中顯示/隱藏程式碼的行號。
  • 以及更多。

為什麼要使用線上 Html 編輯器?

使用線上 Html 編輯器執行 Html 程式碼有諸多好處

  • 平臺無關性:您無需關心作業系統而可以在任何裝置上執行您的程式碼。
  • 便利性:您無需安裝任何工具即可使用此項服務。
  • 無需設定:無需進行其他設定即可執行您的程式碼。
  • 最新版本:我們的線上編譯器/編輯器/終端都是最新的。
 執行 |  美化 | 分享
我的專案
更改密碼
我的個人資料
登出
撤銷
重做
剪下
複製
貼上
刪除
全選
查詢
查詢並替換
編輯器主題
深紅
Eclipse
Github
Soda
krTheme
Monokai
終端
Textmate
黃昏
Vibrant Ink
字型大小
8px
9px
10px
11px
12px
13px
14px
15px
16px
17px
18px
20px
22px
24px
製表符大小
1
2
3
4
5
6
7
8
顯示無形
隱藏無形
顯示行號
隱藏行號
Ace 編輯器(預設)
Vim 編輯器
Emacs 編輯器
開啟一個新專案
儲存專案
另存為新專案
共享專案
搜尋專案
線上 Java 編譯器
線上 Python 編譯器
線上 C++ 編譯器
線上 CSharp 編譯器
線上 C 編譯器
線上 PHP 編譯器
線上 R 編譯器
線上 NumPy 編譯器
更多編譯器