微信小程序表单组件 editor

1. 富文本编辑器，可以对文字和图片进行编辑
2. 导出内容支持带标签的html和纯文本的text，内部采用delta格式进行存储
3. 内置基本样式并可覆盖，但在其他组件或环境中使用导出的html时需额外引入一段样式
4. 支持设置只读、提示信息、点击图片时显示大小控件、工具栏控件和修改尺寸控件等属性
5. 通过相关api（EditorContext）实现对编辑器内样式的改变，同时支持部分HTML标签和内联样式
6. 使用catchtouchend事件绑定不会使编辑器失去焦点
7. 粘贴时仅支持纯文本内容，并会删除一些不必要的标签以保证内容的统一
8. 编辑器聚焦时页面会被上推以保证编辑区可见。

1. 基本功能

微信小程序表单组件 editor是一个富文本编辑器，有丰富的编辑功能，例如插入图片、文字、粗体、斜体等等。这些编辑内容可以保存为带标签的html或者纯文本text，同时内部采用了delta格式进行存储，方便进行保存、修改和导出操作。

2. 样式优化

微信小程序表单组件 editor已经内置一些基本样式来保证编辑内容可以正确展示。对于开发者而言，也可以进行相应的样式覆盖。但需要注意的是，在其他组件或环境中使用富文本组件导出的html时，需要额外引入这段样式，并维护"ql-container"、"ql-editor"和"/ql-editor"/ql-container"的结构。

3. 属性设置

微信小程序表单组件 editor支持设置只读、提示信息、点击图片时显示大小控件、工具栏控件和修改尺寸控件等属性。具体可通过EditorContext相关api实现对编辑区域属性以及样式进行自定义设置。

4. HTML标签与内联样式

微信小程序表单组件 editor内部支持部分HTML标签和内联样式，能够实现行内样式、块级样式的设置，但不支持class和id。在插入HTML时，贴入的内容中事件绑定会被移除，且编辑器会删除一些不必要的标签，例如<p><span>xxx</span></p>会改写为<p>xxx</p>。同时，内联样式仅能设置在行内元素或块级元素上，不能同时设置。例如font-size归类为行内元素属性，在p标签上设置是无效的。

5. 注意事项

使用catchtouchend事件绑定不会使编辑器失去焦点；插入HTML到编辑器内时，编辑器会删除一些不必要的标签，以保证内容的统一；编辑器聚焦时页面会被上推以保证编辑区可见等。