編輯器
編輯器總覽
以 @tiptap/vue-3 為底的文字編輯器;核心與擴充包分開安裝。
預設用 @admin/rich-editor;要更多功能再裝下方擴充包。客製見自訂指南。
核心
| 文件 | 用途 |
|---|---|
| Editor | 空白核心,自行加 extension |
| Rich Editor | 內建 StarterKit 的文字編輯器 |
| Editor Toolbar | 工具列 |
擴充功能
| 包 | 用途 |
|---|---|
| Image | 圖片顯示 / 插入 |
| Markdown | Markdown 內容格式 |
| Text Color | 文字顏色 |
| Highlight | 文字底色 |
| Text Align | 左中右對齊 |
| Placeholder | 空編輯器提示文字 |
| Task List | 任務清單 checkbox |
| Indent | 段落縮排 |
| Mention | @ 提及選單 |
| Emoji | : 表情選單 |
| Suggestion | / slash command 選單 |
| Link Bubble | 連結浮層(檢視 / 編輯 / 移除) |
| List Trash | 清單項刪除鈕 |
| Drag Handle | 區塊拖曳把手 |
| Table | 表格 |
| Superscript / Subscript | 上標 / 下標 |
| Video | 影片 |
| YouTube | YouTube 嵌入 |
| Font Size | 字級 |