2026 年 1 月 21 日

看了此文件，您可以：

操作目錄：

📌 文字編輯器功能說明

文字編輯器提供多種排版工具，協助您在後台快速建立清晰、易讀且結構化的內容。
介面包含工具列、段落設定、插入工具與快捷操作等功能，能支援一般文字排版、多媒體內容與表格資訊，使您可依照需求彈性編輯商品介紹、頁面文案與部落格內容。

最佳實務建議
為維持頁面品質與 SEO，建議：

• 保持標題階層一致（H2 → H3 → H4）。
• 圖片加入替代文字，以提升可及性與搜尋可見度。
• 避免直接貼上外部文字，建議使用「貼上為純文字」。
• 使用表格整理多維度資訊，避免大量段落堆疊。

---

📌 介面基本操作

工具列功能
使用工具列可以快速調整文字格式與段落樣式：

• 字體樣式：粗體、斜體、底線、刪除線。
• 段落格式：標題（H1–H6）、內文、引用段落。
• 文字顏色與背景：調整文字色彩或加入背景色。

段落與排版設定
為提升閱讀體驗，您可以設定段落間距、縮排與結構：

• 對齊方式：靠左、置中、靠右與左右對齊。
• 清單：項目符號、編號清單。
• 段落屬性：調整縮排、新增引用文字。

新增多媒體素材

• 連結管理：新增超連結。
• 圖片：支援上傳檔案、從媒體庫選取。[註一]
• 影片：嵌入 YouTube 影片連結。[註二]
• 表格：建立表格、調整列數與欄數。
• 分隔線：加入水平線以分隔內容段落。
• 特殊符號與表情符號：插入各式符號與Emoji。

[註一] 新增圖片注意事項

圖片尺寸與上傳限制

• 上傳限制：單次上傳總量不得超過 2MB
• 圖片寬度限制：最大 5000px，超過 1110px 會自動壓縮至 1110px
• 圖片長度限制：不得超過 7000px

長幅產品圖製作建議

您可依需求選擇以下兩種方式製作長條產品圖：

1. 單張圖片（推薦）
   • 優點：可避免拼接空隙問題。
   • 請控制檔案大小。
   • 建議尺寸：寬度 1000px，長度不限。


2. 多張拼接圖
   • 優點：各圖檔較小，利於上傳。
   • 請統一尺寸以達成無縫拼接效果。若圖片之間有空白格請參考 疑難排解。
   • 建議尺寸：每張寬度 1000px × 長度 1000px。

[註二] 新增影片注意事項

影片上傳限制

• 僅接受YouTube網址格式之影片連結。
• 若需新增影片，請先將影片上傳至YouTube，再貼上影片連結。

自訂影片設定

可於新增影片連結時，同步設定以下項目：

• 使用自適應縮放模式
• 自動播放
• 循環播放
• 靜音
• 顯示播放器控制
• 影片結束時顯示建議影片
• 啟用加強隱私模式

檢視HTML原始碼

復原/取消復原操作

建立錨點

1. 建立錨點標記：建立跳轉目的地
   選取指定文字，點擊「建立錨點」，該文字即會變成錨點。
   
   • 僅支援將文字製作成錨點標記。
   • 若想將其他素材設為錨點標記，可於素材前面加一行空白字元，將空白文字建立為錨點。
   
2. 製作錨點連結：製作觸發跳轉的入口
   點擊「建立錨點」後，系統會自動複製錨點連結。於內文中選取指定文字、圖片，點擊🔗，貼上連結(Ctrl+V)即可。
   • 若欄位預設有https://等前綴，請刪除後再貼上連結。
   

---

📌 快捷操作

懸浮工具列：選取文字後會顯示浮動編輯工具列，便於快速調整格式。

快捷指令：支援/斜線指令與 Markdown 語法，可快速插入圖片、表格、分隔線等元素。

常見斜線指令：

元素	關鍵字
標題	/heading
列表	/list
表格	/table
引用	/quote
水平線	/hr、/divider
圖片	/image、/photo
YouTube影片	/video、/youtube
特殊符號	/symbols、/special
表情符號	/emoji

常見 Markdown 語法：

樣式	markdown語法	顯示效果
標題	# 一級標題 ## 二級標題 ### 三級標題	一級標題 二級標題 三級標題
無序列表	- 項目 * 項目	項目
有序列表	1.[空格]項目	項目
文字粗體	選取文字後按Ctrl + B（Windows）/ Cmd + B（Mac）	文字粗體
文字斜體	選取文字後按Ctrl + I（Windows）/ Cmd + I（Mac）	文字斜體
文字底線	選取文字後按Ctrl + U（Windows）/ Cmd + U（Mac）	文字底線
文字刪除線	~~文字刪除線~~	文字刪除線
引用	> 引用文字	引用文字
增加縮排	Tab	–
減少縮排	Tab+Shift	–

---

📌 疑難排解

圖片之間有空白格

原因
若逐一上傳並在照片之間按下 ENTER 鍵，則網頁顯示會多一行空白格。


解決方案

1. 點選「原始碼」。
2. 刪除兩個圖片之間的/p、p就不會再出現空白格。
   
3. 設定完成畫面。
   

YouTube 嵌入的影片，後面的圖片及內文不見了？

原因
因為圖片及內文被影片語法包住，導致下方內容無法顯示。

解決方案

1. 點擊「原始碼」。
2. 將紅色框框刪除。
3. 藍色框框改成<p>及</p>。

注意：影片程式碼<iframe>...</iframe>前後的<div>...</div>語法不可以拿掉。

YouTube 嵌入的影片無法隨螢幕縮放，手機版會超出版面或顯示過小？

原因
因為YouTube嵌入的影片被圖片或是文字的語法<p>包住了。


解決方案

1. 點擊「原始碼」。
2. 將紅框的<p>改成<div class="embed-responsive embed-responsive-16by9">。
3. 藍框的<p>改成<div>。

商品頁面跑版或是無法預覽編輯器內容？

原因
編輯器中的<style type="text/css">p, li { white-space: pre-wrap; } </style> 語法導致跑版。
若從其他網站複製內容直接貼至編輯器，容易附帶原網站語法，請以純文字貼上內容(Ctrl+Shift+V)。

解決方案

1. 點擊「原始碼」。
2. 將<style type="text/css">p, li { white-space: pre-wrap; } </style>語法刪除。