hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我们使用它可以实现类似于...word文档编辑器类似的效果, 同时还支持很多灵活可配置的 API, 可以帮助我们定制属于自己的文档编辑平台, 如果你刚好也想着手实现, 这个项目将非常适合你....开发的编辑器效果:
插入表格:
插入公式:
是不是很像在 word 里编写文档的感觉~
功能点介绍
canvas-editor 功能点介绍如下:
富文本操作(撤销、重做、字体、字号、加粗、斜体、上下标...: WordBreak // 单词与标点断行:BREAK_WORD首行不出现标点&单词不拆分、BREAK_ALL按字符宽度撑满后折行。默认:BREAK_WORD
watermark?...默认:{color: '#FFFFFF'}
// ...更多配置
}
当然还有很多有意思的api, 大家也可以参考它的文档:
最终附上一个完整的demo效果:
如果你觉得 这款开源项目 很有趣,请不吝点赞