基于VUE3的富文本编辑器,可同时实现医疗时间轴,电子病历编辑器,随访表单的设计与生成。

目前市面上的富文本编辑器大致可以分为三类

1.基于contenteditable

2.基于canvas

3.基于HTML+DOM+自实现光标输入

       当然,每种方案都有自己的优缺点!

        比如contenteditable所见即所得,但是很容易造成结构冗余,光标控制逻辑会随着结构增多指数上升,不能很好的控制输入等,

        canvas需要自实现文本排版,自定义组件需要编辑器提供对应的接口才行,相对于html+dom来说没有那么灵活和方便,二开上手有难度。

HTML+DOM+自实现光标这种方案,在处理打印分页等方面,相对于canvas来说也有一定的复杂度

本文主要所说的编辑器,是基于VUE3,自实现一套光标输入的富文本编辑器,选着这套方案得益于VUE3的强大,以及HTML+DOM的简单,我们可以实现任何想要的效果,以及可以方便的接入任何已有的VUE3组件。

编辑器提供了常用的组件以及插件,对于电子病历,时间轴,随访表单来说,几乎不需要再做二次开发即可快速使用。

 同时,提供了大量的接口可以方便的添加组件与插件

部分已有插件如下图:

 

 

更多推荐

基于VUE3的电子病历编辑器