Tsao Editor

功能

適合 Angular 內容工作流程的表格編輯器

插入表格、選取多個儲存格、套用 class 格式,並保留語意化表格結構,不讓儲存內容綁死在單一專案主題。

把表格當成文件結構來編輯

表格工具與編輯器共用選取及歷史紀錄機制,可以新增列欄、合併或拆分儲存格、設定標題結構,並使用鍵盤導覽。

多儲存格選取會將背景選項套用到完整範圍。色票可以分群並由外部專案傳入,避免把任意 inline color 儲存在內容中。

由應用程式掌握的設定

  • 可隱藏框線、底色、第一列、第一欄與標題列控制
  • 使用 class 設定框線與背景
  • 可選擇固定色票或開放調色盤
  • 表格圖示隨套件提供,不依賴宿主專案字型
  • 儲存內容可交給 readonly renderer 顯示

從實際 Demo 開始驗證

開啟目前 Angular Demo,測試表格選取、鍵盤輸入、儲存格顏色與產生的 HTML。