自研组件＜一＞编辑器组件

前提：由于公司要求不能用第三方ui框架，项目中的组件都是根据现有的项目自研的，当然是比不上elementui等第三方的，毕竟只有一个人在做😂，但是在日后的开发过程中会慢慢完善，逐渐成长的。
目前大大小小的组件有几十个，有时间会逐一整理出来，以记录填过的坑。

项目：taro框架+vue语法

组件组成部分：

编辑器需要适应的场景：

1.可以自由配置工具栏中的功能 - >通过toolList配置功能

2.可以放在表单中 -> 通过modelValue和options,以保证和表单中其他组件统一，方便配置

编辑器有3种类型的功能：

1、一些普通的样式点击图标可以直接通过format(name, value)设置的样式

支持设置的样式：
bold、italic、underline、strike ----这些是没有value的，如果设置了会无效
script->sub / super
header -> H1 / H2 / h3 / H4 / h5 / H6，设置value为1/2/3/4/5/6
align -> left / center / right / justify
direction -> rtl
indent -> -1 / +1
list -> ordered / bullet / check
color -> 颜色值
backgroundColor-> 颜色值
margin/marginTop/marginBottom/marginLeft/marginRight - > 样式值，如10px
lineHeight/letterSpacing - >样式值

2、点击图标调用EditorContext api设置
a 插入分割线 insertDivider()
b 前进 redo()
c 后退 undo()
d 清除样式 removeFormat()
e 清除内容 clear()

3、需要自定义方法设置的，如插入图片/插入当前日期

需要自定义的组件：字体颜色、字体背景颜色

注意的点：
1.format()中有些没有value值的不可配置value
2.功能是可配置的并且有自定义组件，在循环时配合component动态组件

3.工具栏中的自定义组件内部接收的参数需要统一
4.编辑器组件内部接收的参数需要和form表单中其他组件统一

回填

setContents（{html: ‘内容’}）

未完待续…

bug:

1. wach内容并回填-> 输入文字，加一个样式，光标会自动到最前面