HTML 編輯器
使用這個線上 HTML 編輯器，以視覺化方式建立和編輯 HTML，切換到原始碼檢視，加入連結、圖片和表格，然後複製或下載成果。
什麼是 HTML 編輯器？
HTML 編輯器可讓你用視覺化方式或直接透過原始碼建立與修改網頁內容。Readdy 的線上 HTML 編輯器支援 WYSIWYG 編輯、原始碼編輯、常用格式設定和 HTML 匯出。
如何使用 HTML 編輯器
用這個線上 HTML 編輯器完成四個步驟：視覺化撰寫、編輯原始碼、加入常用頁面元素，然後複製或下載 HTML。
- 步驟 1
第 1 步：視覺化撰寫
從 WYSIWYG HTML 編輯器開始，用標題、清單、對齊、粗體、斜體、底線等工具快速排版。
- 步驟 2
第 2 步：編輯原始碼
點擊 Source 從視覺化編輯切換到原始 HTML。完成程式碼層級的修改後，再回到視覺化模式繼續編輯。
- 步驟 3
第 3 步：加入頁面元素
透過工具列插入連結、圖片、表格、程式碼區塊和引用，讓 HTML 內容結構更清楚。
- 步驟 4
第 4 步：複製或下載
將完成的 HTML 複製到剪貼簿，或下載為 index.html 檔案。想重新開始時可點擊 Clear。
HTML 編輯器的常見用途
使用即時 HTML 編輯器，在同一個工作區完成網頁內容的撰寫、修改、檢查和匯出。
建立 HTML 內容
在 WYSIWYG HTML 編輯器中使用標題、段落、清單和文字格式編寫內容。
編輯現有 HTML
將既有程式碼貼到原始碼檢視，完成修改後切回視覺化模式繼續編輯。
加入頁面元素
透過工具列插入連結、圖片、表格、程式碼區塊和引用，讓內容結構更清楚。
整理頁面內容
調整文字結構和對齊方式，在重用 HTML 前統一頁面格式。
檢查原始碼
查看產生的標記，需要精準控制時可直接修改 HTML。
匯出完成的 HTML
將 HTML 複製到剪貼簿，或下載為 index.html 檔案以便後續使用。
為什麼使用這個 HTML 編輯器
這個免費線上 HTML 編輯器，把視覺化編輯和原始碼控制放在同一個瀏覽器工作區。
視覺化 WYSIWYG 編輯
可視化設定標題、段落、清單、對齊、連結、圖片和表格，同時保留內容背後的 HTML。
原始碼編輯
需要精準控制標記時，可切換到原始碼檢視。你可以貼上既有 HTML、調整結構，再回到視覺化編輯。
輕鬆匯出 HTML
內容完成後，可以複製 HTML 到剪貼簿，或下載為 index.html 檔案，方便重複使用或測試。
無需設定
在瀏覽器中開啟 HTML 編輯器即可開始，不需要安裝軟體、設定伺服器或建立帳號。
建立線上品牌
所需工具一應俱全
常見問題
WYSIWYG HTML 編輯器讓你像編輯文件一樣建立和排版網頁內容，同時產生對應的 HTML。WYSIWYG 的意思是所見即所得。
可以。點擊 Source 按鈕即可在視覺化編輯器和原始 HTML 程式碼檢視之間切換。你在原始碼檢視中的修改，會在切回視覺化模式後呈現。
是的。你可以免費使用這個線上 HTML 編輯器，不需要建立帳號或安裝額外軟體。
工具列支援粗體、斜體、底線、刪除線、H1 到 H3 標題、項目符號清單、編號清單、文字對齊、連結、圖片、表格、程式碼區塊和引用。
可以。你可以建立 HTML 內容並下載為 index.html 檔案。如需引用外部 CSS 或 JavaScript，可以在原始碼檢視中手動加入。
可以。切換到 Source 檢視，貼上既有 HTML，修改後再回到視覺化模式繼續編輯內容。
可以。工具列支援插入連結、圖片 URL 和表格。你也可以在原始碼檢視中直接調整產生的 HTML。
是的。你在視覺化模式中編輯時，HTML 原始碼會同步更新；在原始碼中修改後，也可以切回視覺化模式繼續處理。
支援。它可以在現代行動端和桌面瀏覽器中使用。
點擊 Download 會將目前的 HTML 儲存為 index.html 檔案，你可以在瀏覽器中開啟，或作為其他專案的起點。