線上HTML編輯器

以視覺化方式建立、編輯 HTML

更新資訊HTML編輯器可透過拖曳表格邊界來變更欄寬和列高查看更新資訊

特色

所見即所得的 WYSIWYG 編輯

以工具列操作進行裝飾並自動生成程式碼

即時取得 HTML 原始碼

當場顯示對應編輯內容的已格式化 HTML

支援表格、圖片、連結

可處理標題、上色、插入表格等多樣的元素

亦可插入表情符號與特殊字元

從格狀清單選取符號、貨幣、箭頭等並加入

使用方法

在視覺化分頁編輯

一邊以工具列裝飾文字，一邊輸入內文

新增元素或樣式

以按鈕插入標題、表格、圖片、連結並調整版面

切換至原始碼分頁

顯示生成的 HTML 程式碼以確認成果

下載儲存

將完成的 HTML 匯出為單一檔案儲存

使用案例

製作電子報內文

快速製作帶裝飾的發送用 HTML 郵件

部落格文章草稿

準備整理好標題與條列的文章 HTML

HTML 的學習與練習

對照編輯結果與原始碼以理解標籤結構

將郵件簽名 HTML 化

將含 Logo 與連結的簽名匯出為 HTML

基礎知識

WYSIWYG 是什麼

WYSIWYG（所見即所得）是指「看到的就是得到的」意思的首字母縮寫詞，是指像文檔軟體一樣在螢幕上編輯外觀時，對應的 HTML 程式碼會自動生成的編輯方式。即使不了解標籤，也能製作 HTML 文檔，這是它的優點。

HTML 標籤是什麼

HTML 標籤是指用「<p>～</p>」這樣的符號括住文章的結構和意思的機制，標題、粗體、連結、表格等所有表現方式都是由標籤的組合來表示的。

安全性與隱私

瀏覽器內完成

輸入的資料僅在您的瀏覽器內處理，不會傳送到外部。

僅在瀏覽器內處理

HTML 的建立與編輯完全在您的瀏覽器內進行，輸入資料不會傳送到伺服器。

通訊透過HTTPS加密

頁面載入也透過TLS加密，第三者無法讀取內容。

不傳送給第三方

輸入內容不會傳送給廣告網路、追蹤器等外部服務。

結果不自動保存

建立的 HTML和輸入建議不會保存在伺服器上。

在 Google 搜尋中追蹤 RAKKOTOOLS

211個實用工具，透過 Google 搜尋、AI 搜尋更容易找到！

搜尋中找到
AI 搜尋也會顯示
發現新工具

追蹤

更新資訊

2026/09/25update #278
HTML編輯器可透過拖曳表格邊界來變更欄寬和列高
更新線上HTML編輯器
2026/09/17update #265
HTML編輯器中，貼在原始碼中的內文一部分也會反映在視覺上
如果包含舊式標籤，文字會顯示，但顏色和置中等格式不會按原樣重現。
問題修正線上HTML編輯器
2026/09/01update #229
修正 HTML 編輯器中粗體、文字顏色與大小在切換頁籤時消失的問題
問題修正線上HTML編輯器
2026/07/23update #100
可從頁面上方按鈕使用 HTML 編輯器的全螢幕顯示
更新線上HTML編輯器
2026/07/22update #95
修復 HTML 編輯器全螢幕顯示時廣告重疊的問題
問題修正線上HTML編輯器