> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 【官網設計】關於後台描述 / 內容編輯器

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/6ygp55so5ywo6yoo5pa55qgi_jz1z1m.png)


你會在商品管理、分頁、部落格文章看到撰寫或編輯內容的【編輯器】。編輯器可放入不同的文字大小、樣式、圖片、表格，以製作出吸引眼球的內容，展現商店特色。

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_v5jk2r.png)

# 字型樣式

1. 可調整字體的粗體、斜體或下劃線
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_xac1fu.png)


2. 可調整字型大小和顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1brkop.png)


3. 段落格式可調整文字成標題

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1251ozq.png)

4. 可選擇文字背景顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1sqeoxv.png)


# 表情符號

1. 可放入表情符號
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1wd8yxc.png)

# 文字整理

1. 可將文字向左、置中、向右對齊
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1udy2og.png)

2. 以號碼形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_pyvgqf.png)

3. 以序號形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1r3ea54.png)

4. 插入水平線以分隔內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_27jcov.png)

# 置入額外內容

1. 除了文字以外，你也可上傳圖片或影片以增加描述豐富性 （檔案最大為 10 MB）
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_prgmby.png)


# 表格

1. 插入表格以更好更有規劃性的顯示你的內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_iluz34.png)

2. 點擊表格還可以為表格做更多設定如加格、加行、對齊等等

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_3kug8c.png)

3. 表格上加上表頭和表尾

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1s8v0tm.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1s03gcm.png)

4. 於表格指定框內加上單元格
![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_r8bn6d.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_1vz82jp.png)

3. Borderless 可以設定表格無邊框 / 透明

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_10btwln.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/7/b34797d9594d3000/image_mcjemy.png)

# 其他設定

1. 「清除格式」可把有編輯過文字樣式變回純文字
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1w57lv7.png)


2. 「代碼圖示」可切換成代碼格式來編寫內容，或查看代碼（支援 HTML 和 CSS），編輯過代碼後，需要切換回正常格式再點擊儲存才可成功儲存

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_fgj88x.png)

3. 「全屏」就是把編輯器和描述區塊放大以便容易查讀內容

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_4vupbw.png)

---

💡 小提醒：

如果是從別的網站/地方複製內容過來，建議可以以純文字粘貼，然後圖片建議可以直接從電腦重新上傳，因為如果直接從外面複製內容，會把不相容的代碼也一起複製，若代碼不相容，會造成頁面異常。
