富文本编辑方法、装置及设备.pdf

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN114548056A(43)申请公布日2022.05.27(21)申请号202210254479.6(22)申请日2022.03.15(71)申请人阿里巴巴（中国）有限公司地址310056浙江省杭州市滨江区长河街道网商路699号4号楼5楼508室(72)发明人王浩梁治峰王振辉陈昱林云鹤谷雷雷(74)专利代理机构北京同钧律师事务所16037专利代理师李小波许怀远(51)Int.Cl.G06F40/166(2020.01)权利要求书2页说明书15页附图9页(54)发明名称富文本编辑方法、装置及设备(57)摘要本申请提供一种富文本编辑方法、装置及设备。本申请的方法，基于配置了富文本编辑器协议的富文本编辑器框架，在启动富文本编辑器时，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容的数据模型；响应于富文本编辑区域内的交互操作，执行交互操作对应的命令，更新数据模型；根据更新后的数据模型，创建控件树；根据控件树，创建渲染树；根据渲染树进行布局和绘制，以更新富文本编辑器的文档内容的显示效果，应用于Flutter上时，基于在Flutter上配置Slate富文本编辑器协议的富文本编辑器框架，能够基于Flutter实现复杂的富文本编辑能力。CN114548056ACN114548056A权利要求书1/2页1.一种富文本编辑方法，其特征在于，包括：响应于启动富文本编辑器，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容的数据模型；响应于所述富文本编辑区域内的交互操作，执行所述交互操作对应的命令，更新所述数据模型；根据更新后的数据模型，创建控件树；根据所述控件树，创建渲染树；根据所述渲染树进行布局和绘制，以更新所述富文本编辑器的文档内容的显示效果。2.根据权利要求1所述的方法，其特征在于，所述响应于所述富文本编辑区域内的交互操作，执行所述交互操作对应的命令，更新所述数据模型，包括：响应于所述富文本编辑区域内的交互操作，调用所述交互操作对应的命令，生成所述命令对应的原子操作序列，所述原子操作序列包括按照特定顺序排列的至少一个原子操作；根据所述原子操作序列，执行所述命令对应的至少一个原子操作，更新所述数据模型。3.根据权利要求2所述的方法，其特征在于，所述执行所述命令对应的至少一个原子操作，更新所述数据模型之后，还包括：对更新后的所述数据模型进行标准化处理。4.根据权利要求1所述的方法，其特征在于，所述根据更新后的数据模型，创建控件树，包括：根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定待渲染的文本信息，所述可视区域为所述富文本编辑区域，所述待渲染的文本信息包括所述文档内容中的至少部分数据；根据更新后的数据模型，创建所述待渲染的文本信息对应的控件树。5.根据权利要求4所述的方法，其特征在于，所述根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定待渲染的文本信息，包括：根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定至少部分内容处于所述可视区域内的文本段落，将所述文本段落内的所有文本信息确定为待渲染的文本信息。6.根据权利要求4所述的方法，其特征在于，所述根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定待渲染的文本信息，包括：根据所述富文本编辑器的文档内容与可视区域的相对位置信息，以及渲染缓冲区的配置信息，确定至少部分内容处于所述可视区域或所述渲染缓冲区内的文本段落，将所述文本段落内的所有文本信息确定为待渲染的文本信息。7.根据权利要求1‑6中任一项所述的方法，其特征在于，还包括：响应于自定义请求，提供自定义配置页面；根据所自定义配置页面上的自定义操作，实现对配置的富文本编辑器协议信息中节点、容器节点渲染接口、交互操作类型、交互操作对应的命令信息、渲染控件、数据模型标准化逻辑中至少一项的自定义配置。8.一种基于的富文本编辑装置，其特征在于，包括：2CN114548056A权利要求书2/2页启动模块，用于响应于启动富文本编辑器，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容的数据模型；交互处理模块，用于响应于所述富文本编辑区域内的交互操作，执行所述交互操作对应的命令，更新所述数据模型；渲染模块，用于：根据更新后的数据模型，创建控件树；根据所述控件树，创建渲染树；根据所述渲染树进行布局和绘制，以更新所述富文本编辑器的文档内容的显示效果。9.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1‑