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