01Notice
公告管理
讓管理者維護公告內容，不需要碰 HTML，也能整理段落、重點與注意事項。
- 公告內容
- 發布狀態
- 前台預覽
Use Cases
富文字編輯器，適合放在需要維護內容的後台。
彩虹富文字編輯器的定位不是取代整套 CMS，而是讓既有系統多一個穩定的內容編輯欄位。 適合公告、文章、商品說明與知識庫這類需要格式的資料。
02Article
文章與 CMS
把富文字接進既有文章表單，內容可以和標題、分類、狀態一起管理。
- 文章內容
- 草稿流程
- HTML 儲存
03Commerce
商品描述
商品頁常需要較完整的說明文字，富文字欄位能讓內容維護更接近日常編輯。
- 商品說明
- 活動文案
- 規格備註
04Support
知識庫與 FAQ
適合維護操作手冊、支援中心文章與 FAQ，讓內容結構比純文字更清楚。
- FAQ 編輯
- 操作手冊
- 支援文章
Integration Flow
從編輯器到資料庫，中間只有一條清楚資料流。
內容由表單欄位送出，經過後端清理後儲存，最後再安全地顯示到前台。
- 01編輯內容
使用者在後台表單輸入富文字內容。
- 02取得 HTML
透過 v-model 取得 HTML 字串。
- 03送出表單
和標題、分類、狀態一起送到 API。
- 04後端處理
依照規則清理 HTML，再儲存到資料庫。
- 05前台顯示
讀取處理後的內容，安全地顯示給使用者。
Decision Guide
什麼情況適合導入？
先看內容是不是需要結構，再看這段內容是否會進入後端處理與前台顯示。符合這兩點，富文字欄位才有導入價值。
Should I use it ?01 02 03
內容不是單純備註，而是需要排版
只要使用者需要段落、清單、粗體或引用，就可以考慮使用富文字欄位。
你想維持 Vue 表單的資料流
透過 v-model 接收內容，對前端來說它仍然是一個表單欄位。
你正在做 Nuxt 後台或管理系統
用 ClientOnly 包住瀏覽器端編輯器，就能避免 SSR 階段的 DOM 問題。