【官網設計】關於後台描述 / 內容編輯器
你會在商品管理、分頁、部落格文章看到撰寫或編輯內容的【編輯器】。編輯器可放入不同的文字大小、樣式、圖片、表格,以製作出吸引眼球的內容,展現商店特色。
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_v5jk2r.png)
可調整字體的粗體、斜體或下劃線
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_xac1fu.png)
可調整字型大小和顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1brkop.png)
段落格式可調整文字成標題
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1251ozq.png)
可選擇文字背景顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1sqeoxv.png)
可放入表情符號
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1wd8yxc.png)
可將文字向左、置中、向右對齊
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1udy2og.png)
以號碼形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_pyvgqf.png)
以序號形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1r3ea54.png)
插入水平線以分隔內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_27jcov.png)
除了文字以外,你也可上傳圖片或影片以增加描述豐富性
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_prgmby.png)
插入表格以更好更有規劃性的顯示你的內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_iluz34.png)
點擊表格還可以為表格做更多設定如加格、加行、對齊等等
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_3kug8c.png)
「清除格式」可把有編輯過文字樣式變回純文字
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1w57lv7.png)
「代碼圖示」可切換成代碼格式來編寫內容,或查看代碼(支援 HTML 和 CSS),編輯過代碼後,需要切換回正常格式再點擊儲存才可成功儲存
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_fgj88x.png)
「全屏」就是把編輯器和描述區塊放大以便容易查讀內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_4vupbw.png)
💡 小提醒:
如果是從別的網站/地方複製內容過來,建議可以以純文字粘貼,然後圖片建議可以直接從電腦重新上傳,因為如果直接從外面複製內容,會把不相容的代碼也一起複製,若代碼不相容,會造成頁面異常。
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_v5jk2r.png)
字型樣式
可調整字體的粗體、斜體或下劃線
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_xac1fu.png)
可調整字型大小和顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1brkop.png)
段落格式可調整文字成標題
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1251ozq.png)
可選擇文字背景顏色
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1sqeoxv.png)
表情符號
可放入表情符號
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1wd8yxc.png)
文字整理
可將文字向左、置中、向右對齊
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1udy2og.png)
以號碼形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_pyvgqf.png)
以序號形成列表
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1r3ea54.png)
插入水平線以分隔內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_27jcov.png)
置入額外內容
除了文字以外,你也可上傳圖片或影片以增加描述豐富性
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_prgmby.png)
其他設定
插入表格以更好更有規劃性的顯示你的內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_iluz34.png)
點擊表格還可以為表格做更多設定如加格、加行、對齊等等
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_3kug8c.png)
「清除格式」可把有編輯過文字樣式變回純文字
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_1w57lv7.png)
「代碼圖示」可切換成代碼格式來編寫內容,或查看代碼(支援 HTML 和 CSS),編輯過代碼後,需要切換回正常格式再點擊儲存才可成功儲存
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_fgj88x.png)
「全屏」就是把編輯器和描述區塊放大以便容易查讀內容
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/image_4vupbw.png)
💡 小提醒:
如果是從別的網站/地方複製內容過來,建議可以以純文字粘貼,然後圖片建議可以直接從電腦重新上傳,因為如果直接從外面複製內容,會把不相容的代碼也一起複製,若代碼不相容,會造成頁面異常。
更新時間: 22/02/2024
感謝!