Create content
在後台頁面放入富文字欄位，讓使用者可以撰寫格式化內容。
彩虹富文字編輯器
讓 Nuxt 後台內容欄位像一般表單一樣好管理
用 v-model 接住 HTML，從編輯、預覽到送出 API 都走清楚的資料流，適合公告、文章、商品描述與 CMS 後台。
Vue 3 ComponentNuxt ClientOnlyHTML Payload
WritePreviewSave
Product Update
用後台管理產品內容
HTML PreviewSynced
<h2>Product Update</h2><p>Rich content...</p><ul>...</ul>API PayloadPOST
Vue Content Workflow
從編輯到儲存的後台內容流程。
從撰寫、格式化、預覽到 HTML 輸出，讓後台內容欄位可以像一般表單一樣被管理、驗證與提交。
Vue 3 componentv-model content flowNuxt ClientOnly readyHTML output preview
Get Started
富文字欄位接進你的後台表單
Bind with v-model
用 Vue 熟悉的 v-model 接收 HTML，像一般表單欄位一樣送出。
Preview and save
送出前可預覽結果，後端儲存時請搭配 HTML 清理策略。
Content Workflow
把未來的文件流程標成清楚的產品方向。
這裡把 Word 匯入、內容轉換與 HTML 儲存放在「流程示意」層級，不把尚未確認的能力包裝成已穩定支援。
Word Import
先說清楚：這是文件工作流示意。
正式產品若要支援 Word 匯入，建議先定義轉換規則、圖片處理方式與 HTML 清理策略，再把結果交給編輯器繼續調整。
Secure Content
把 HTML 當成資料，而不是直接信任的畫面。
富文字內容最後會變成 HTML 字串。正式產品中，請在前端或後端搭配 HTML 清理，避免不可信內容造成 XSS 風險。
Content AnalyticsLive
v-model
Developer Friendly
用 Vue 熟悉的資料流管理內容狀態。
使用 v-model 綁定 HTML 內容，送出時可以和標題、分類、狀態等欄位一起提交到 API。