一个开源可分页的富文本编辑器

详细地址 

       GitHub - Hufe921/canvas-editor: rich text editor by canvas/svg

功能列表:

  1. 富文本操作(撤销、重做、字体、字号、加粗、斜体、上下标、对齐方式等等)
  2. 插入元素(表格、图片、链接、代码块、分页符、Math公式、日期选择器、内容块、电子签名等等)
  3. 控件(单选、文本、复选框)
  4. 右键菜单(内部、自定义)
  5. 水印
  6. 分页
  7. 页边距
  8. 页眉、页码
  9. 打印

使用方式

 安装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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值