開啟編輯器後，畫面分為以下區域：
工具列：六大功能選單（帶 ▾ 箭頭），點擊展開下拉選項
分頁列：可開多個文件，點「＋」新增，點分頁名稱可改名
三欄並排：左＝編輯、右上＝即時預覽、右下＝原始碼，欄寬可拖曳調整
狀態列：字數統計＋版權＋自動儲存開關
工具列：六大選單（手機版不顯示 ▾ 箭頭，節省空間）
紅框：手機版的「詳細教學」連結在說明列中間
底部常駐按鈕：寫（編輯）、看（預覽）、碼（原始碼）
點工具列的「文字」選單，展開文字樣式面板：
紅框：粗體 B、文字顏色 A、AI 助手 — 最常用功能
紅框：粗體 B、顏色、AI 助手 — 最常用功能
點工具列的「插入」選單，展開插入面板：
紅框：連結、圖片、表格 — 最常用的三個插入功能
綠框：積木（本次新增）— 詳見下方說明
紅框：連結、圖片、拍照 — 手機最常用的三個功能
綠框：積木（本次新增）
「插入 → 積木」可插入四種結構化元件，用表單填好內容就插入，之後隨時點 ✎ 編輯 重開表單修改。四種積木長這樣：
/keys、/notice、/cmp、/tabs 可直接叫出對應積木。紅框：「存檔」把當前文件下載為 .html 檔
紅框：「存檔」下載當前文件
點擊分頁名稱（紅框處）即可輸入新名稱，Enter 確認
點擊分頁名稱（紅框處）改名，確認後自動補 .html
點工具列的「發佈」選單：
紅框：「發佈到網路」一鍵讓文件變成公開網頁
紅框：「發佈到網路」一鍵上線
editnote.pages.dev/pages/名稱紅框：匯出 MD、PDF 列印、AI 生成 — 三個亮點功能
紅框：匯出 MD、PDF、AI 生成
點工具列的「功能」選單：
紅框：「段落」「檢視」再展開子選單；「手機寬」可預覽手機版面
紅框：「段落」「檢視」各有子選單
/keys /notice /cmp /tabs 可叫出四種積木⇔ 紅色拖曳桿：按住拖動可調整欄寬
以下快捷鍵可加速操作（Mac 請將 Ctrl 替換為 Cmd）：
| 快捷鍵 | 功能 |
|---|---|
| Ctrl+B | 粗體 |
| Ctrl+I | 斜體 |
| Ctrl+U | 底線 |
| Ctrl+S | 存檔（下載 .html） |
| Ctrl+F | 開啟尋找/取代 |
| Ctrl+Z | 復原 |
| Ctrl+Y | 重做 |
| Ctrl+Shift+V | 貼上純文字（不帶格式） |
| Esc | 離開專注模式 |
紅框：三個按鈕隨時可切換，不會被鍵盤遮住