富文本编辑方法、装置及设备制造方法及图纸

本申请提供一种富文本编辑方法、装置及设备。本申请的方法，基于配置了富文本编辑器协议的富文本编辑器框架，在启动富文本编辑器时，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容的数据模型；响应于富文本编辑区域内的交互操作，执行交互操作对应的命令，更新数据模型；根据更新后的数据模型，创建控件树；根据控件树，创建渲染树；根据渲染树进行布局和绘制，以更新富文本编辑器的文档内容的显示效果，应用于Flutter上时，基于在Flutter上配置Slate富文本编辑器协议的富文本编辑器框架，能够基于Flutter实现复杂的富文本编辑能力。文本编辑能力。文本编辑能力。

【技术实现步骤摘要】
富文本编辑方法、装置及设备


[0001]本申请涉及计算机技术，尤其涉及一种富文本编辑方法、装置及设备。

技术介绍

[0002]Flutter是一种移动UI(User Interface，用户界面)框架，是一个用于构建跨平台手机APP的开源SDK(Software Development Kit，软件开发工具包)，可以快速地在Android和iOS系统上构建高质量的用户界面。
[0003]Flutter本身没有富文本编辑器，Flutter自带的文本输入框Textfield，只支持最基本的文本输入编辑能力，原生的富文本展示能力相对比较简单，不具有支持自定义表情、主题、有序段落等富文本编辑能力。

技术实现思路

[0004]本申请提供一种富文本编辑方法、装置及设备，用以解决现有的Flutter不具有支持富文本编辑能力的问题。
[0005]一方面，本申请提供一种富文本编辑方法，包括：
[0006]响应于启动富文本编辑器，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种富文本编辑方法，其特征在于，包括：响应于启动富文本编辑器，在富文本编辑页面显示富文本编辑区域，并基于配置的富文本编辑器协议信息，创建富文本编辑器的文档内容的数据模型；响应于所述富文本编辑区域内的交互操作，执行所述交互操作对应的命令，更新所述数据模型；根据更新后的数据模型，创建控件树；根据所述控件树，创建渲染树；根据所述渲染树进行布局和绘制，以更新所述富文本编辑器的文档内容的显示效果。2.根据权利要求1所述的方法，其特征在于，所述响应于所述富文本编辑区域内的交互操作，执行所述交互操作对应的命令，更新所述数据模型，包括：响应于所述富文本编辑区域内的交互操作，调用所述交互操作对应的命令，生成所述命令对应的原子操作序列，所述原子操作序列包括按照特定顺序排列的至少一个原子操作；根据所述原子操作序列，执行所述命令对应的至少一个原子操作，更新所述数据模型。3.根据权利要求2所述的方法，其特征在于，所述执行所述命令对应的至少一个原子操作，更新所述数据模型之后，还包括：对更新后的所述数据模型进行标准化处理。4.根据权利要求1所述的方法，其特征在于，所述根据更新后的数据模型，创建控件树，包括：根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定待渲染的文本信息，所述可视区域为所述富文本编辑区域，所述待渲染的文本信息包括所述文档内容中的至少部分数据；根据更新后的数据模型，创建所述待渲染的文本信息对应的控件树。5.根据权利要求4所述的方法，其特征在于，所述根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定待渲染的文本信息，包括：根据所述富文本编辑器的文档内容与可视区域的相对位置信息，确定至少部分内容处于所述可视区域内的文本段落，将所述文本段落内的所有文本信息确定为待渲染的文本信息。6.根据权利...

【专利技术属性】
技术研发人员：王浩，梁治峰，王振辉，陈昱，林云鹤，谷雷雷，
申请(专利权)人：阿里巴巴中国有限公司，
类型：发明
国别省市：