详细地址
GitHub - Hufe921/canvas-editor: rich text editor by canvas/svg
功能列表:
- 富文本操作(撤销、重做、字体、字号、加粗、斜体、上下标、对齐方式等等)
- 插入元素(表格、图片、链接、代码块、分页符、Math公式、日期选择器、内容块、电子签名等等)
- 控件(单选、文本、复选框)
- 右键菜单(内部、自定义)
- 水印
- 分页
- 页边距
- 页眉、页码
- 打印
使用方式
安装npm包:
npm i @hufe921/canvas-editor --save
准备一个容器:
<div class="canvas-editor"></div>
实例化编辑器:
import Editor from "@hufe921/canvas-editor"
new Editor(document.querySelector(".canvas-editor"), [
{
value: "Hello World"
}
])
截图
开源不易,期待star:GitHub - Hufe921/canvas-editor: rich text editor by canvas/svg