HTML 可视化编辑器
免费的在线 HTML 可视化编辑器，无需安装。具有实时预览功能，支持双向绑定
關於 HTML 編輯器
一個基於瀏覽器 contentEditable 和 document.execCommand API 所建構的所見即所得（WYSIWYG）編輯器。在可編輯區域中輸入文字，使用工具列進行格式化，底層的 HTML 會與下方的程式碼文字方塊保持同步。輸出內容反映的是瀏覽器實際產生的內容，因此標記可能與手寫的 HTML 有所不同。
使用方法
1. 點擊編輯區域並輸入或選取文字 2. 使用工具列按鈕（B、I、U、S、清單、對齊、H1/H2/P）套用格式 3. 點擊連結按鈕，透過 URL 對話方塊插入超連結 4. 直接在程式碼文字方塊中編輯 HTML，藉此反向更新預覽 5. 點擊複製，將目前的 HTML 複製到剪貼簿
工具列操作
可用操作包括：粗體、斜體、底線、刪除線；無序和有序清單；靠左對齊/置中/靠右對齊；H1、H2 與段落區塊格式；插入連結（會提示輸入 URL）；插入水平線。不支援圖片上傳、表格插入、原始碼清理或輸出的 HTML 清理。
▶為什麼產生的 HTML 看起來很亂？
該編輯器使用 document.execCommand，它會產生瀏覽器特定的標記（通常是行內樣式屬性，例如 <span style="font-weight: bold">）。在發布之前，請在程式碼文字方塊中清理它，或使用格式化工具進行整理。
▶可以插入圖片或表格嗎？
不可以。工具列僅支援文字格式、清單、對齊、標題、連結和水平線。如需表格，請使用專門的 HTML 表格產生器工具。
▶編輯程式碼文字方塊會更新預覽嗎？
會的。在程式碼文字方塊中輸入內容會重新渲染編輯區域，在編輯器中所做的編輯也會更新文字方塊。兩者之間設有防護機制，可防止回饋迴圈。
▶document.execCommand 是否已棄用？
是的——execCommand 在規範中被標記為已過時，但它在所有目前的瀏覽器中仍然可以正常運作。對於全新開發的編輯器，建議考慮使用現代程式庫；本工具為保持簡單，沿用了這種傳統方案。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。