HTML 編輯器 - eZETAs (eζs)

所見即所得
直接編輯網頁

所見即所得設計、HTML 原始碼與預覽一次到位。
登入後自動雲端儲存，隨時開啟你的網頁文件。

設計檢視

在畫面上直接排版文字、表格、圖片與連結。

HTML 原始碼

切換程式碼檢視，精修標籤與樣式。

即時預覽

瀏覽成品效果，並可匯出完整 .html 檔。

選取元素（未選取）

先在設計畫面點選區塊，再改下面的樣式。文字色請用「字樣」。整頁規則可開 HTML 的 CSS 欄。

背景

底色

間距與尺寸

外距

內距

寬高

框線與圓角

框線

圓角

顯示與陰影

顯示

陰影

透明 100%

style 屬性（進階）

對齊

清單與縮排

行距

進階編號

表單容器（整份只要一個）

先插入表單，再加欄位。欄位會進現有 form，不會再包一層。

可選取的欄位

輸入

按鈕

縮放

面板

點圖層可選取。Alt＋點畫面也可選外層。眼睛＝隱藏，鎖＝鎖定。

上傳過的圖片會留在這裡，點一下即可再插入。元件是本機可重複使用的區塊。

圖片庫

元件

把目前選取的文字色、字級、內距存成樣式；套用後同名元素可一次更新。區塊底色、間距、框線請用工具列「CSS ▾」，或下面快捷調整。

選取元素 CSS

底色圓角

排列（Auto Layout）

間距

約束（滿版／320／375／600）

每次成功儲存會留一版（最多 8 版，存在此瀏覽器）。點一下可還原。

點「💬 註解」後再點畫面放下圖釘。比 ①②③ 標註更接近討論留言。

0 字 · 0 字元

body id class title margin padding 寬高框線圓角底色

表單元件 名稱值標籤

圖片寬高替代文字邊框間距

所見即所得直接編輯網頁

設計檢視

HTML 原始碼

即時預覽

目前內容（本機）

雲端版本

所見即所得
直接編輯網頁