canvas editor

畫布編輯

Canvas/SVG的豐富文本編輯器

查看演示·查看文檔·報告錯誤·請求功能·FAQ

喜歡這個項目？請考慮捐款以幫助其改進！

尖端

1. 官方插件：Canvas-Editor-Plugin
2. SVG的渲染層正在開發中，請參見功能/SVG
3. Export PDF功能現已可用，請參閱功能/PDF

基本用法

npm i @hufe921/canvas-editor --save

 < div class =" canvas-editor " > </ div > 

 import Editor from '@hufe921/canvas-editor'

new Editor ( document . querySelector ( '.canvas-editor' ) , {
  main : [
    {
      value : 'Hello World'
    }
  ]
} ) 

特徵

• 豐富的文本操作（撤消，重做，字體，大小，大膽，斜體，下劃線，三振出色，上標，對準，標題，列表，...）
• 插入元素（表，圖像，鏈接，代碼塊，頁面斷開，數學公式，日期選擇器，塊，...）
• 打印（基於圖片的畫布，PDF圖）
• 控件（選擇，文本，日期，收音機，複選框）
• ContextMenu（內部，自定義）
• 快捷鍵（內部，自定義）
• 拖放（文本，元素，控制）
• 標題，頁腳，頁碼
• 頁邊距
• 水印
• 分頁
• 評論
• 目錄

路線圖

1. 桌上分頁
2. 控制規則
3. 提高性能
4. CRDT

快照

安裝

yarn

開發

npm run dev

建造

應用程式

npm run build

lib

npm run lib