專案總覽

怎麼用這個編輯器

• 專案總覽：一進來（或點左上「← 專案總覽」／系統名稱）是你所有案子的卡片。點「開啟編輯」進入某個案子；「＋ 新增空白專案」開全新一份；每張卡也能「改名稱／分享連結／複製／刪除」。專案名稱可使用中文；改名稱不會更動網址代碼與既有分享連結。客戶只會看到你給的審稿連結，看不到這頁。
• 切換頁面：進到專案後，上方黑色列是該網站的主選單，點任一頁就切到那頁文案。
• 自訂主選單：右端 ＋ 新增頁面 加新頁，可命名並選兩種樣式——「主選單項目（黑字＋自動編號）」或「次要頁面（灰字，不編號）」；雙擊任一頁籤可改名、換樣式或刪除；滑鼠移上頁籤右邊 × 也可刪頁；按住頁籤左右拖曳可調整順序。（改頁面大標題時，選單名稱也會跟著變。）
• 改文字：直接點文字就能打字修改，像打字一樣。
• 改樣式：先用滑鼠選取要改的字，上方會跳出小工具列，可設粗體、斜體、底線、顏色與大小。
• 搬動段落：把滑鼠移到段落上，左邊出現 ⠿ 手把，按住往上或往下拖，就能把這段搬到別的位置。
• 新增段落：段落與段落中間會出現 ＋，點它就能加新的一段。
• 換段落型態：每段右上角 ⋯ 可切換成大標、小標、清單、按鈕、說明等。
• 刪除：右上角 🗑 刪掉該段。
• 按鈕標示：按鈕可選「實心黑底白字」或「黑色細框、白底黑字」。桌機把滑鼠移到按鈕段落後按 ■／□ 切換；手機點選按鈕後，用底部工具列的「實心／線框」切換。每顆按鈕可分別設定，點文字可直接改字。
• 版面草圖：右上「版面草圖」打開後，文案右側會出現一塊畫布，可拖出灰階線框（區塊／標題／純文字／內文／標籤／圖片／按鈕／輸入框／圓框／分隔線）示意這一頁大概的版面，就像 Whimsical 的 wireframe。單擊拖曳擺位、右下角拉大小、雙擊改字、滑鼠移上去按 × 刪除。「純文字」選取後可設粗體與文字色；「標籤」是淡色橢圓，選取後可換底色；「內文」會自動填入亂數英文，拉大小就改變文字多寡。草圖每一頁各自獨立並自動存檔，客戶端也看得到（唯讀），方便溝通版面。
• 自動存檔：所有修改自動存在這台電腦的瀏覽器，下次打開同一個檔還在。完全離線、不需連網。
• 匯出：右上「匯出本頁／全部」把乾淨 HTML 存下來交給設計師。
• 還原：「還原本頁」可把目前這頁恢復成原始文案稿。
• 客戶標注模式：客戶改字時原句保留刪除線、新句顯示紅字；右側浮動清單列出所有改動、選單頁籤顯示紅點數字，點清單即可跳到那一段。你這邊每段會出現「接受／還原」：接受＝採用客戶版本、還原＝退回原文。客戶也能標「建議刪除」或「新增」段落。
• 產生客戶連結：點右上「產生客戶連結」會給你一條網址，貼給客戶即可。客戶一打開就直接是審文模式（看不到你的按鈕、不用切換），他改的內容會即時同步回雲端。你用另一條（沒有 role=client 的）網址就能看他改了哪、按接受或還原。此功能需先完成 Firebase 雲端設定並部署到網路上。
• 雲端同步：填好 Firebase 設定並部署後，左上狀態會顯示「雲端已同步」，你和客戶跨裝置都會即時看到最新內容；未設定前則存在本機、離線可用。