Tsao Editor

整合指南

建立真正屬於產品的編輯器工具列

選擇內建 command、替換圖示、控制按鈕呈現,並註冊型別化插件,不需要 fork 編輯器套件。

只組合工作流程需要的動作

工具列是一個有順序的設定陣列。簡單發文表單可以只提供格式與連結;CMS 編輯畫面則能加入表格、範本、留言、大綱、搜尋、圖片與 AI。

readonly toolbar = [
  'undo', 'redo', 'heading', 'bold', 'textColor',
  'link', 'image', 'table', 'clearFormat',
];

使用插件延伸功能

Plugin 宣告 API version、工具列動作、允許的 class 與執行 handler。Plugin Dialog 使用編輯器自己的 Material class,避免被宿主專案主題改成透明背景或錯誤尺寸。

維持套件 UI 獨立

  • 每個按鈕都有編輯器 class 與穩定尺寸
  • Material overlay 使用套件自己的 panel 與 backdrop class
  • 圖示可以由套件提供或由外部專案傳入
  • Plugin 輸出仍會通過 sanitizer