富文本处理方法与编辑器、设备及存储介质技术

技术编号:24457772 阅读:29 留言:0更新日期:2020-06-10 16:04
本申请实施例提供一种富文本处理方法与编辑器、设备及存储介质。在本申请实施例中,在富文本域中增加新的文本内容,即行内组件,行内组件作为富文本域中的文本内容,其取值和/或样式可动态变化,基于行内组件预先生成富文本模板,进而基于富文本模板生成富文本。其中,结合行内组件的样式可动态变化的特点,可灵活调整富文本模板中行内组件的样式,而结合行内组件的取值可动态变化的特点,可以根据相同的富文本模板生成不同的富文本,这些使富文本编辑更加灵活,有利于满足不断增多的富文本编辑需求。

Rich text processing methods and editors, devices and storage media

【技术实现步骤摘要】
富文本处理方法与编辑器、设备及存储介质
本申请涉及数据处理
,尤其涉及一种富文本处理方法与编辑器、设备及存储介质。
技术介绍
富文本编辑器(RichTextEditor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。富文本编辑器可对文本进行不同的格式化处理,采用富文本编辑器编辑的富文本通常带有丰富的格式设置,可读性更强。利用富文本编辑器,用户可以轻松编辑各种格式的富文本。但是,用户的富文本编辑需求不断增多,富文本编辑器逐渐不能满足用户增多的文本编辑需求。
技术实现思路
本申请的多个方面提供一种富文本处理方法与编辑器、设备及存储介质,用以提供一种更加灵活的富文本处理方法,满足不断增多的富文本编辑需求。本申请实施例提供一种富文本处理方法,包括:接收业务端发送的富文本模板标识;根据所述富文本模板标识,从至少一个富文本模板中确定目标富文本模板;根据所述目标富文本模板得到所述业务端所需的富文本;将所述富文本发送给所述业务端,以供所述业务端使用。本申请实施例还提供另一种富文本处理方法,包括:展示编辑界面,所述编辑界面包括编辑区和至少一种行内组件的组件图标;响应于至少一次组件图标拖入操作,确定被拖入所述编辑区内的至少一个目标组件图标;将所述至少一个目标组件图标对应的至少一个目标行内组件渲染至所述编辑区内;根据所述编辑区内的至少一个目标行内组件生成富文本模板;其中,所述至少一种行内组件属于富文本域中的文本内容,且其取值和/或样式可动态变化。本申请实施例还提供一种设备,包括:存储器、处理器和通信组件;所述通信组件,用于接收业务端发送的富文本模板标识;所述存储器,用于存储计算机程序;所述处理器,用于执行所述计算机程序,以用于:根据所述富文本模板标识,从至少一个富文本模板中确定目标富文本模板;根据所述目标富文本模板得到所述业务端所需的富文本;所述通信组件还用于,将所述富文本发送给所述业务端,以供所述业务端使用。本申请实施例还提供另一种设备,包括:存储器、处理器以及显示屏;所述存储器,用于存储计算机程序;所述处理器,用于执行所述计算机程序,以用于:通过所述显示屏展示编辑界面,所述编辑界面包括编辑区和至少一种行内组件的组件图标;响应于至少一次组件图标拖入操作,确定被拖入所述编辑区内的至少一个目标组件图标;将所述至少一个目标组件图标对应的至少一个目标行内组件渲染至所述编辑区内;根据所述编辑区内的至少一个目标行内组件生成富文本模板;其中,所述至少一种行内组件属于富文本域中的文本内容,且其取值和/或样式可动态变化。本申请实施例还提供一种富文本编辑器,包括:编辑界面,所述编辑界面包括编辑区和至少一种行内组件的组件图标;所述编辑界面被配置成,响应于至少一次组件图标拖入操作,确定被拖入所述编辑区内的至少一个目标组件图标;将所述至少一个目标组件图标对应的至少一个目标行内组件渲染至所述编辑区内;根据所述编辑区内的至少一个目标行内组件生成富文本模板;其中,所述至少一种行内组件属于富文本域中的文本内容,且其取值和/或样式可动态变化。本申请实施例还提供一种存储有计算机程序的计算机可读存储介质,其特征在于,当所述计算机程序被处理器执行时,用于实现本申请上述实施例提供的一种富文本处理方法中的步骤。本申请实施例还提供一种存储有计算机程序的计算机可读存储介质,其特征在于,当所述计算机程序被处理器执行时,用于实现本申请上述实施例提供的另一种富文本处理方法中的步骤。在本申请实施例中,在富文本域中增加新的文本内容,即行内组件,行内组件作为富文本域中的文本内容,其取值和/或样式可动态变化,基于行内组件预先生成富文本模板,进而基于富文本模板生成富文本。其中,结合行内组件的样式可动态变化的特点,可灵活调整富文本模板中行内组件的样式,而结合行内组件的取值可动态变化的特点,可以根据相同的富文本模板生成不同的富文本,这些使富文本编辑更加灵活,有利于满足不断增多的富文本编辑需求。附图说明此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:图1a为本申请示例性实施例提供一种富文本处理方法的流程示意图;图1b为本申请示例性实施例提供的一种编辑界面的样式图;图1c为本申请示例性实施例提供的另一种编辑界面的样式图;图2a为本申请示例性实施例提供的又一种编辑界面的样式图;图2b为本申请示例性实施例提供的将行内组件渲染至编辑区内的样式图;图3为本申请示例性实施例提供另一种富文本处理方法的流程示意图;图4为本申请示例性实施例提供的一种设备400的结构示意图;图5为本申请示例性实施例提供的一种设备500的结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。针对现有富文本编辑需求不断增多的技术问题,在本申请一些实施例中,在富文本域中增加新的文本内容,即行内组件,行内组件作为富文本域中的文本内容,其取值和/或样式可动态变化,基于行内组件预先生成富文本模板,进而基于富文本模板生成富文本。其中,结合行内组件的样式可动态变化的特点,可灵活调整富文本模板中行内组件的样式,而结合行内组件的取值可动态变化的特点,可以根据相同的富文本模板生成不同的富文本,这些使富文本编辑更加灵活,有利于满足不断增多的富文本编辑需求。以下结合附图,详细说明本申请各实施例提供的技术方案。在本申请实施例中,提供一种富文本编辑器,该富文本编辑器可嵌入浏览器中依赖浏览器实现,当然,也可以作为一款独立的软件产品实现。本申请实施例提供的富文本编辑器不仅支持普通文本内容,还支持至少一种行内组件。其中,行内组件是本申请实施例为富文本域中新增的文本内容。行内组件与富文本域中的普通文本内容不同,有点类似于前端组件,存在属性、方法和事件,但又可以像普通文本内容一样存在于富文本编辑器中,而且其取值和/或样式可动态变化,可由富文本编辑器来修改其样式和位置。在富文本域中增加了既能像普通文本内容一样被编辑,又具有类似于前端组件的属性、方法和事件的行内组件之后,在编辑富文本过程中,若碰到人员姓名、年龄、序号等内容时便可满足动态变化的需求,而且若有必要调整一些内容的样式时也可以满足样式变化需求,可以极大地丰富富文本的编辑方式和灵活性。值得说明的是,在使用行内组件之前,可以结合富文本应用场景实现所需的行内组件。根据富文本应用场景对行内组件的需求,可以实现一种或多种行内组件,不同种类的行内组件属于富文本域中不同的文本内容。例如,在一些富文本应用场景中,可以定义变量组件、序号组件本文档来自技高网...

【技术保护点】
1.一种富文本处理方法,其特征在于,包括:/n接收业务端发送的富文本模板标识;/n根据所述富文本模板标识,从至少一个富文本模板中确定目标富文本模板;/n根据所述目标富文本模板得到所述业务端所需的富文本;/n将所述富文本发送给所述业务端,以供所述业务端使用。/n

【技术特征摘要】
1.一种富文本处理方法,其特征在于,包括:
接收业务端发送的富文本模板标识;
根据所述富文本模板标识,从至少一个富文本模板中确定目标富文本模板;
根据所述目标富文本模板得到所述业务端所需的富文本;
将所述富文本发送给所述业务端,以供所述业务端使用。


2.根据权利要求1所述的方法,其特征在于,根据所述目标富文本模板得到所述业务端所需的富文本,包括:
根据所述业务端支持的富文本格式,将所述目标富文本模板渲染成所述富文本。


3.根据权利要求2所述的方法,其特征在于,在根据所述业务端支持的富文本格式,将所述目标富文本模板渲染成所述富文本之前,还包括:
接收所述业务端发送的富文本模板入参,所述富文本模板入参包括参数名称和参数值;
根据所述富文本模板入参中的参数名称,确定所述目标富文本模板中待赋值的行内组件;
根据所述富文本模板参数中的参数值,为所述待赋值的行内组件进行赋值。


4.根据权利要求1-3任一项所述的方法,其特征在于,在接收业务端发送的富文本模板标识之前,还包括:
基于至少一个行内组件生成所述至少一个富文本模板;其中,所述至少一种行内组件属于富文本域中的文本内容,且其取值和/或样式可动态变化。


5.一种富文本处理方法,其特征在于,包括:
展示编辑界面,所述编辑界面包括编辑区和至少一种行内组件的组件图标;
响应于至少一次组件图标拖入操作,确定被拖入所述编辑区内的至少一个目标组件图标;
将所述至少一个目标组件图标对应的至少一个目标行内组件渲染至所述编辑区内;
根据所述编辑区内的至少一个目标行内组件生成富文本模板;其中,所述至少一种行内组件属于富文本域中的文本内容,且其取值和/或样式可动态变化。


6.根据权利要求5所述的方法,其特征在于,将所述至少一个目标组件图标对应的至少一个目标行内组件渲染至所述编辑区内,包括:
根据所述至少一个目标组件图标各自关联的组件名称和组件类型,确定所述至少一个目标行内组件;
根据所述至少一个目标行内组件的默认属性值,将所述至少一个目标行内组件渲染至所述编辑区内。


7.根据权利要求6所述的方法,其特征在于,在根据所述编辑区内的至少一个目标行内组件生成富文本模板之前,或者,在生成所述富文本模板之后重新编辑所述富文本模板的过程中,所述方法还包括:
响应针对第一目标行内组件的指定事件,显示所述第一目标行内组件的可修改属性项;
响应于对所述第一目标行内组件的可修改属性项的修改操作,获取所述第一目标行内组件的新属性值;
根据所述第一目标行内组件的新属性值,重新将所述第一目标行内组件渲染至所述编辑区内;其中,所述第一目标行内组件是所述至少一个目标行内组件中的任意行内组件。


8.根据权利要求7所述的方法,其特征在于,还包括:
将所述第一目标行内组件的默认属性值替换为新属性值。


9.根据权利要求7所述的方法,其特征在于,若所述第一目标行内组件的新属性值包括样式属性值,则所述第一目标行内组件在重新渲染前后的样式不同。


10.根据权利要求7所述的方法,其特征在于,还包括:
响应于对所述第一目标行内组件的可修改属性项的修改操作,对所述富文本模板或其它富文本模板中与所述第一目标行内组件关联的其它行内组件的属性值进行关联修改。


11.根据权利要求6所述的方法,其特征在于,根据所述至少一个目标组件图标各自关联的组件名称和组件类型,确定所述至少一个目标行内组件,包括:
根据所述至少一个目标组件图标各自关联的组件类型,确定所述至少一个目标组件图标对应的组件是否是行内组件;...

【专利技术属性】
技术研发人员:李佳骏田宇
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1