数据处理方法、装置、计算机设备以及存储介质与流程

文档序号:21886677发布日期:2020-08-18 17:21阅读:163来源:国知局
数据处理方法、装置、计算机设备以及存储介质与流程

本申请涉及互联网技术领域,尤其涉及数据处理方法、装置、计算机设备以及存储介质。



背景技术:

随着多媒体技术的不断发展和各种社交娱乐软件的涌现,越来越多的用户使用信息发布应用来分享生活,文字和图像作为一种表达用户情绪和心情的方式,在信息发布应用中发表文字和图片的频率越来越高。

现有的信息发布场景中,用户可以进入信息发布应用的编辑页面,在编辑页面预设的图像区域中添加图片,并在预设的文本输入区域中为图片添加相匹配的文字描述,编辑完成后,用户可以将编辑页面中所编辑的文字和图片发表在信息发布应用中。然而,当用户在信息发布应用中发布信息时,用户想要发表的图片需要显示在某预设区域中,文字则需要显示在另一预设区域中,即图片与文字需要分区域进行展示,进而造成信息的展示形式过于单一。



技术实现要素:

本申请实施例提供一种数据处理方法、装置、计算机设备以及存储介质,可以丰富数据的展示形式。

本申请实施例一方面提供了一种数据处理方法,包括:

在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像;

响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;

当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像;目标插入区域标识属于至少一个插入区域标识。

本申请实施例一方面提供了一种数据处理装置,其特征在于,包括:

第一显示模块,用于在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像;

第二显示模块,用于响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;

第三显示模块,用于当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像;目标插入区域标识属于至少一个插入区域标识。

本申请实施例一方面提供了一种计算机设备,包括存储器和处理器,存储器存储有计算机程序,计算机程序被处理器执行时,使得处理器执行本申请实施例中一方面中方法的步骤。

本申请实施例一方面提供了一种计算机可读存储介质,计算机可读存储介质存储有计算机程序,计算机程序包括程序指令,程序指令当被处理器执行时,执行如本申请实施例中一方面中方法的步骤。

本申请实施例可以在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像,响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像,其中,目标插入区域标识属于至少一个插入区域标识。可见,在信息发表页面中添加文字和图片后,可以移动目标图片至文本区域中,在文本区域的文本内容中插入图像,并根据所插入的图像,对文本区域中的文本内容和插入的图像进行排版,将插入图像后的内容进行发表,即可以对文本和图像以混合排列的展示形式进行展示,可以丰富信息的展示形式。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的一种系统架构图;

图2是是本申请实施例提供的一种数据处理场景示意图;

图3是本申请实施例提供的一种数据处理方法的流程示意图;

图4a是本申请实施例提供的一种上传目标图像的界面示意图;

图4b是本申请实施例提供的一种信息发表编辑页面中图像区域的显示界面图;

图4c是本申请实施例提供的另一种信息发表编辑页面中图像区域的显示界面图;

图5是本申请实施例提供的一种输入文本内容的界面示意图;

图6是本申请实施例提供的一种在文本区域中添加图像的界面示意图;

图7是本申请实施例提供的一种在文本区域中添加图像的界面示意图;

图8是本申请实施例提供的一种在文本区域中添加图像的界面示意图;

图9是本申请实施例提供的一种从图像区域中移动图像的界面示意图;

图10是本申请实施例提供的一种从图像区域中删除图像的界面示意图;

图11是本申请实施例提供的另一种数据处理方法的流程示意图;

图12是本申请实施例提供的一种文本区域中显示插入区域标识的界面示意图;

图13是本申请实施例提供的一种数据处理装置的结构示意图;

图14是本申请实施例提供的一种计算机设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。

请参见图1,是本申请实施例提供的一种系统架构图。本申请所涉及的系统可以是服务器,或者是终端设备,或者是服务器和终端设备所组成的系统。如图1所示,该系统架构包括服务器10c和终端设备(如图1所示,具体包括终端设备10a和终端设备10b)。其中,每个终端设备均可以包括客户端,该客户端可以用于在信息发表场景中为用户提供图文混排(即文本和图像可以进行混合排序,如一段文本后面可以插入图像,在所插入的图像后面又可以添加文本等)的功能,并在客户端中显示用户所发表的具有图文混排展示形式的信息;服务器10c可以为该客户端的后台服务器,服务器10c可以与每个终端设备进行数据传输。

在信息发表场景中,以终端设备10a和服务器10c为例,实现本申请所提出的数据处理方案(即用户所要发表信息的图文混排处理过程)。当服务器10c获取到用户所上传的图像以及用户所编辑的文本后,可以将图像和文本在终端设备10a的页面(此处的页面可以是指信息发表场景中的编辑页面)中进行显示,可选的,可以在页面的图像区域中显示用户所上传的图像,在页面的文本区域中显示用户所输入的文本,当终端设备10a监测到页面中用户针对图像的移动行为时,可以将用户针对图像的移动行为信息(如图像对应的移动触发时刻、图像在页面中所移动的距离、图像在移动过程中的位置等信息)发送给服务器10c,服务器10c在接收到终端设备10a发送的移动行为信息后,可以识别文本区域中的文本段落,为每个文本段落创建对应的插入区域标识并显示,如在页面的文本区域中文本段落的末尾排版位置处显示插入区域标识,该插入区域标识用于表明用户可以将图像移动至插入区域标识所对应的区域;当终端设备10a检测到用户结束移动时,可以将图像在页面中的移动结束位置发送给服务器10c,服务器10c在获取到图像的移动结束位置后,可以根据该移动结束位置确定该图像在文本区域中的显示位置,并根据图像的显示位置调整文本区域中文本的显示位置,服务器10c将图像的显示位置以及文本调整后的显示位置返回至终端设备10a,终端设备10a可以根据图像的显示位置以及文本调整后的显示区域,在文本区域中显示图像和调整后的文本,即可以在文本区域中添加图像,并根据所添加的图像对文本区域中所显示的文本进行重新排版,实现了文本区域中图文混排的展示形式,提高了信息发表场景中信息的可阅读性,且丰富了信息的展示形式。

可以理解地,本申请提出的数据处理方案可以由终端设备独立执行,或者由服务器独立执行,或者由终端设备和服务器组成的系统完成,或者由计算机设备中的一个计算机程序(包括程序代码)执行,例如,该数据处理方案由一个应用软件执行,应用软件的客户端可以监测用户的行为操作,显示用户即将发表的信息(可以包括文本和图像),客户端还可以根据用户的行为操作对页面中的文本和图像进行排版调整,应用软件的后台服务器可以获取用户需要发表的信息,并将所获取的信息发送至用户所要发表的平台。为方便描述,本申请实施例均以终端设备为例,对数据处理方案的执行过程进行详细描述。

其中,终端设备10a和终端设备10b等可以包括手机、平板电脑、笔记本电脑、掌上电脑、移动互联网设备(mobileinternetdevice,mid)、可穿戴设备(例如智能手表、智能手环等)等。

请参见图2,是本申请实施例提供的一种数据处理场景示意图,以上述图1所对应实施例中的终端设备10a为例,对数据处理过程进行详细说明。如图2所示,信息发布平台中可以为用户提供信息编辑功能,用户可以使用该信息编辑功能编辑自己想要分享的话题信息,并将所编辑的话题信息发表在该信息发布平台中,以使该信息发布平台中的其余用户可以查看该用户所发表的话题信息,该信息发布平台可以包括具有信息发布功能的即时通讯应用、内容交互平台、游戏话题交互平台、资讯阅读平台等。当用户触发信息发布平台中的信息编辑功能时,终端设备10a可以响应该用户针对信息编辑功能的触发操作,在信息发布平台中显示编辑页面20a,用户可以在编辑页面20a中输入文本内容20b(如“8月2日,一年一度的玩家盛宴xx即将拉开大幕。……”),文本内容20b在编辑页面20a中所显示的区域可以称为文本区域,用户还可以通过编辑页面20a中所显示的功能控件20d上传图像20c,该图像20c和功能控件20d在编辑页面20a中所显示的区域可以称为图像区域,此时的编辑页面20a中,文本内容20b和图像20c是分区域进行展示的。

为了增加文本内容20b与图像20c之间的关联性和可阅读性,用户可以将图像20c插入文本内容20b中。当用户长按(此处的长按是指终端设备10a中的压力传感器检测到用户按压终端屏幕的时间超过预设时间值,如预设时间值为1s,当用户连续按住终端屏幕的时间大于或等于1s时,可以将用户此时的按压动作称为长按)图像区域中所显示的图像20c且不松开时,终端设备10a可以响应用户针对图像20a的长按操作(也可以称为移动触发操作),将图像20a由静止显示状态转换为可移动状态,并识别文本内容20b中所包含的文本段落在编辑页面20a中的排版位置,在每个文本段落的末尾排版位置显示标识框,此时的标识框也可以称为插入区域标识。

其中,文本内容20b中包括两个文本段落,第一个文本段落为“8月2日,一年一度的玩家盛宴xx即将拉开大幕……”,第二个文本段落为“对于厂商而言,则希望利用这个契机,为玩家呈现更多惊喜”。在终端设备10a识别到上述两个段落在编辑页面20a中的排版位置后,可以增加两个文本段落之间的距离,根据文本区域中每个文本段落的末尾排版位置显示标识框,即可以在第一个文本段落的后一行显示标识框20f,在第二个文本段落的后一行显示标识框20g。换言之,标识框20f位于两个文本段落之间,标识框20g位于文本内容20b的最后一行。需要说明的是,标识框20f和标识框20g用于表示图像20c在文本区域中可以插入的区域,标识框20f和标识框20g在文本区域中所显示的尺寸是相同的,对于文本区域中所显示的标识框的尺寸可以是预先设置好的,如标识框的高度可以为文本区域中每一行对应的高度,标识框的宽度可以为文本区域中每一行对应的宽度,当然,标识框的尺寸还可以设置为其余数值,这里不做具体限定。在编辑页面20a的文本区域中,标识框20f和标识框20g的显示不会覆盖住已显示的文本。

用户可以长按图像20c并移动该图像20c至文本区域,当图像20c移动至标识框20f时,用户松开该图像20c,则终端设备10a可以响应用户针对图像20c的松开操作(也可以称为移动结束操作),将图像20c显示在标识框20f所在区域,并取消显示文本区域中的标识框20f和标识框20g,终端设备10a可以根据图像20c的高度,调整文本内容20b中第一文本段落和第二文本段落之间的间距,将文本区域中所显示的调整后的文本内容20b和图像20c确定为目标内容20h,编辑页面20a的文本区域中显示目标内容20h。其中,在图像20c的移动过程中,可以将编辑页面20a划分为两个显示图层,图像20c可以为第一显示图层,编辑页面20a中除图像20c之外的其余内容可以为第二显示图层,第一显示图层位于第二显示图层的上方,即第一显示图层可以遮挡第二显示图层。换言之,图像20c在移动过程中,可以遮挡住该图像20c所在区域所显示的文本。

在该编辑页面20a中,还可以包括平台输入框20e、信息发表控件20i以及其余的功能控件(如表情选择控件等),该平台输入框20e可以用于选择编辑页面20a中的话题信息(包括文本内容20b和图像20c)所要发表的具体平台;如用户想要将话题信息发表到游戏平台中,则该用户可以在平台输入框20e中输入“发表到游戏圈”;如用户想要将话题信息发表到即时通讯应用平台中,则用户可以在平台输入框20e中输入“发表到朋友圈”等。可以理解的是,平台输入框20e中可以为用户提供多种平台,用户可以直接从所提供的多种平台中选择所需的平台,用户也可以在平台输入框20e中直接输入所需的平台。

当用户在平台输入框20e中输入“发表到游戏圈”后,终端设备10a可以响应该用户针对平台输入框20e的输入操作,在平台输入框20e中显示文字“发表到游戏圈”;在用户完成对所要发表的话题信息的编辑过程,并选择了话题信息的发表平台后,用户可以点击信息发表控件20i对编辑页面20a中所显示的目标内容20h进行发表,即终端设备10a响应用户针对信息发表控件20i的点击触发操作,将目标内容20h发送至游戏平台中的信息展示页面20j。在信息展示页面20j中可以显示目标内容20h,该目标内容20h在信息展示页面20j中是以图文混排的形式进行展示的,该信息展示页面20j中还可以显示发表该目标内容20h的用户的相关信息,如用户昵称和用户头像等信息。

请参见图3,是本申请实施例提供的一种数据处理方法的流程示意图。如图3所示,该数据处理方法可以包括以下步骤:

步骤s101,在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像。

可选的,在信息发表场景中,当用户在信息发表编辑页面(如图2所对应实施例中的编辑页面20a)中输入文本内容(如图2所对应实施例中的文本内容20b)后,终端设备(如图2所对应实施例中的终端设备10a)可以获取该用户所输入的文本内容,并在信息发表编辑页面的文本区域中显示该文本区域;当用户在信息发表编辑页面中上传目标图像(如图2所对应实施例中的图像20c)后,终端设备可以获取该用户上传的目标图像,在信息发表编辑页面的图像区域中显示该目标图像。其中,文本区域中所显示的文本内容可以包括至少一个文本段落,每个文本段落均可以用换行符作为结尾;图像区域中所显示的目标图像可以是指一个图像,也可以是指多个图像。

其中,信息发布平台中可以为用户提供信息发表功能,用户可以使用信息发布平台中的信息发表功能,将用户想要发表的信息(如新闻文章、生活日记以及故事等)发送至相应的平台上。用户首先可以进入信息发布平台的信息发表编辑页面,编辑想要发表的信息,当用户选择信息发布平台中的信息编辑功能选项时,终端设备可以响应信息发布平台中的信息编辑触发操作,在信息发布平台中显示信息发表编辑页面,其中,信息发表编辑页面包括文本区域和图像区域,文本区域是指信息发表编辑页面中用户可以编辑文字的区域,图像区域是指信息发表编辑页面中用户可以上传图像的区域。当用户选择图像区域中的图像添加功能选项时,终端设备可以响应针对图像区域的图像添加操作,在图像区域中显示图像添加操作所上传的目标图像,例如,用户可以进入终端设备中的图片应用(如图库应用等),从图片应用中选择需要上传至图像区域的目标图像,或者可以从终端设备的本地存储中选择需要上传至图像区域的目标图像,或者可以打开终端设备中的相机,使用相机实时拍摄图片或视频,将所拍摄的照片或者视频中的视频帧作为目标图像上传至图像区域,在目标图像上传成功后,可以在图像区域中显示该目标图像。当用户点击文本区域时,终端设备可以响应针对文本区域的文本输入操作,在文字区域中显示文本输入操作所输入的文本内容,根据文本内容调整信息发表编辑页面中所显示的文本区域的尺寸,根据尺寸调整后的文本区域,调整图像区域在信息发表编辑页面中的显示位置;用户在文本区域中输入文字时,用户输入文字变多,表明文本区域中所显示的文本内容变多,文本区域可以随着文本内容的变多而增加高度,由于信息发表编辑页面中文本区域和图像区域是互相独立且不重叠的两个区域,意味着图像区域在信息发表编辑页面中的显示位置会随着文本区域的高度增加而发生变化。需要理解的是,在信息发表编辑页面中,文本区域和图像区域的显示位置可以进行预先设定,文本区域和图像区域可以在信息发表编辑页面中呈上下位置进行显示,如文本区域位于信息发表编辑页面的上侧,图像区域位于信息发表编辑页面的下侧,或者图像区域位于信息发表编辑页面的上侧,文本区域位于信息发表编辑页面的下侧;文本区域和图像区域可以在信息发表编辑页面中呈左右位置进行显示,如文本区域位于信息发表编辑页面的左侧,图像区域位于信息发表编辑页面的右侧,或者图像区域位于信息发表编辑页面的左侧,文本区域位于信息发表编辑页面的右侧。在信息发表编辑页面中,用户上传图像和输入文本内容的顺序是不限定的,即用户可以先在文本区域中输入文本内容,然后上传图像至图像区域,或者用户也可以先上传图像至图像区域,然后在文本区域中输入文本内容。可选的,图像区域中的图像添加功能选项还可以上传视频,用户可以将视频上传至图像区域,并在图像区域中显示用户所上传的视频。

进一步地,在信息发表编辑页面的图像区域中所显示的目标图像是对用户所上传的实际图像进行尺寸调整之后的图像,终端设备响应针对图像区域的图像添加操作,可以获取图像添加操作所上传的初始图像,并获取初始图像对应的图像初始尺寸,当图像初始尺寸与图像区域中的图像显示尺寸不相同时,将初始图像压缩为具有图像显示尺寸的目标图像,在图像区域中显示目标图像。例如,信息发表编辑页面的图像区域中要求所显示的图像尺寸为k*k(k为正整数),此时的k*k即为图像显示尺寸,当终端设备获取到用户所上传的初始图像后,确定初始图像对应的图像初始尺寸为a*b(a和b均为正整数),可以将初始图像由尺寸a*b压缩为尺寸k*k。

可选的,图像区域可以为信息发表编辑页面中进行固化的显示控件,或者可以为信息发表编辑页面中的拉伸显示控件。当图像区域为进行固化的显示控件时,终端设备在进入信息发表编辑页面后,在该信息发表编辑页面中可以同时显示文本区域和图像区域,且图像区域在根据文本区域的尺寸变化调整显示位置的过程中始终显示在信息发表编辑页面中。当图像区域为拉伸显示控件时,终端设备在进入信息发表编辑页面后,在该信息发表编辑页面中可以对图像区域进行隐藏,不直接显示该图像区域;当用户需要上传图像时,可以在信息发表编辑页面中触发拉取图像区域,终端设备可以响应该用户的图像区域拉取操作,在信息发表编辑页面中显示图像区域,进而用户可以选择图像区域中的图像添加功能选项上传目标图像,在用户上传了图像后,终端设备可以将用户所上传的图像转换成具有图像显示尺寸的目标图像,并在图像区域中显示该目标图像;终端设备可以统计图像区域的显示时长,在显示时长达到时长阈值(如30秒)时取消显示该图像区域,当用户再次触发拉取该图像区域时,才会再次在信息发表编辑页面中显示该图像区域。

其中,上述触发拉取图像区域的操作包括但不限于:点击拉取图像区域的控件,从信息发表编辑页面的底部向上滑动,从信息发表编辑页面的右侧向左滑动,从信息发表编辑页面的左侧向右滑动,从信息发表页面的顶部向下滑动,用户触发到图像区域在信息发表编辑页面中的显示位置。图像区域在信息发表编辑页面中的显示时长可以理解为从用户最近一次操作图像区域的时刻开始所统计的时长,即用户每操作一次图像区域,终端设备就需要对图像区域的显示时长进行一次更新。例如,用户在t1时刻上传了图像1,在t2时刻上传了图像2,若当前时刻为t3且图像区域在t1至t3时间范围内均显示在信息发表编辑页面中,则终端设备可以统计该图像区域的时长为t3-t2(此处默认t1小于t2,t2小于t3);当t3-t2大于或等于时长阈值时,可以在信息发表编辑页面中取消显示该图像区域;当t3-t2小于时长阈值时,可以在信息发表编辑页面中继续显示该图像区域,直至该图像区域的显示时长达到时长阈值。当然,图像区域在信息发表编辑页面中的显示时长也可以理解为从图像区域出现的时刻开始所统计的时长,如图像区域t4时刻出现在信息发表编辑页面,在t5时刻时该图像区域的显示时长为t5-t4(此处默认t4至t5时间范围内该图像区域均显示在信息发表编辑页面中)。

请一并参见图4a,是本申请实施例提供的一种上传目标图像的界面示意图。如图4a所示,若用户想要在信息发布平台中发表信息,可以选择信息发布平台中的信息编辑功能选项30a(如“分享新鲜事”),当用户点击信息编辑功能选项30a时,终端设备10a可以响应该用户针对信息编辑功能选项30a的点击操作(也可以称为信息编辑触发操作),在信息发布平台中显示信息发表编辑页面30b。信息发表编辑页面30b可以包括文本区域30c和图像区域,图像区域中可以显示图像添加功能控件30d,该图像添加功能控件30d可以用于上传图像至信息发表编辑页面30b,图像区域用于显示用户所上传的图像,图像区域在信息发表编辑页面30b中的覆盖范围可以根据用户所上传图像的数量进行调整;文本区域30c可以用于显示用户所输入的文本内容,文本区域30c在信息发表编辑页面30b中的覆盖范围可以根据用户所输入文本的增多进行调整。

当用户点击图像添加功能控件30d时,终端设备10a可以响应该用户针对图像添加功能控件30d的点击操作(也可以称为图像添加操作),在信息发表编辑页面30b中弹出图像来源面板30e,图像来源面板30e中可以包括“拍摄”选项、“从相册中选择”选项以及“取消”选项;当用户选择“取消”选项时,终端设备10a可以响应该用户针对“取消”选项的选择操作,在信息发表编辑页面30b中取消显示图像来源面板30e;当用户选择“拍摄”选项时,终端设备10a可以响应该用户针对“拍摄”选项的选择操作,从信息发表编辑页面30b跳转至相机应用的拍摄页面,以使用户可以实时拍摄照片,并将拍摄的照片上传至图像区域;当用户选择“从相册中选择”选项时,终端设备10a可以响应该用户针对“从相册中选择”选项的选择操作,在信息发表编辑页面30b中将图像来源面板30e切换显示为图像选择面板30f,图像选择面板30f中可以显示终端设备10a的相册中所包含的图片,如图像30g、图像30h、图像30i以及图像30j等,用户可以从图像选择面板30f中选择需要上传的图像,如用户选择图像30h和图像30i后点击“添加”功能选项,终端设备10a可以响应该用户针对“添加”功能选项的点击操作,对图像30h和图像30i进行图像压缩,将图像30h和图像30i均压缩为图像区域中的图像显示尺寸,并在图像区域中显示压缩后的图像30i和图像30h,此时压缩后的图像30i和图像30h可以称为目标图像。

可选的,信息发表编辑页面中可以同时显示图像区域和文本区域,或者可以在信息发表编辑页面中将图像区域进行隐藏,根据用户操作方可在信息发表编辑页面中显示图像区域。请一并参见图4b,是本申请实施例提供的一种信息发表编辑页面中图像区域的显示界面图。如图4b所示,终端设备10a在进入信息发表编辑页面30b中,可以显示文本区域30c和拉取图像区域的控件30q,该文本区域30c可以用于编辑并显示文本内容,该控件30q可以用于触发显示信息发表编辑页面30b中的图像区域,该控件30q还可以显示提示信息“点击弹出图像区域”,以提示用户该控件30q的功能。当用户想要上传图像至信息发表编辑页面30b时,用户可以点击控件30q,终端设备10a可以响应该用户针对控件30q的点击操作,在信息发表编辑页面30b显示图像区域30n,由于此时用户还未上传图像至信息发表编辑页面30b,因此,此时的图像区域30n中仅显示图像添加功能控件30d。可以理解的是,在信息发表编辑页面30b中显示了图像区域30n后,可以取消显示控件30q。

用户可以通过该图像添加功能控件30d,将图像30i和图像30h上传至信息发表编辑页面30b,在用户上传成功后,终端设备10a可以获取该用户上传的图像30i和图像30h,并将图像30i和图像30h均转换成具有图形显示尺寸(即图像区域30n中所规定的图像显示尺寸)的目标图像,并在图像区域30n中显示转换后的图像30i和图像30h,此时的图像区域30n中包括图像添加功能控件30d、转换后的图像30i和图像30h。

终端设备10a可以统计图像区域30n在信息发表编辑页面30b中的显示时长,当显示时长达到预设时长(如一分钟)时,终端设备10a可以取消显示图像区域30n,此时的信息发编辑页面30b恢复到上传图像之前的显示状态,即取消显示图像区域30n后,可以恢复显示控件30q。当用户再次点击控件30q时,可以在信息发编辑页面30b中再次显示图像区域30n。

可选的,请一并参见图4c,是本申请实施例提供的另一种信息发表编辑页面中图像区域的显示界面图。如图4c所示,终端设备10a在进入信息发表编辑页面30b中,可以显示文本区域30c和提示信息30r(“向上滑动弹出图像区域”),该文本区域30c可以用于编辑并显示文本内容,该提示信息30r可以用于提示用户在信息发表编辑页面30b中显示图像区域的操作方式。当用户想要上传图像至信息发表编辑页面30b时,用户可以从信息发表编辑页面30b的底部向上滑动,终端设备10a可以响应该用户针对信息发表编辑页面30b的滑动操作,在信息发表编辑页面30b显示图像区域30n,由于此时用户还未上传图像至信息发表编辑页面30b,因此,此时的图像区域30n中仅显示图像添加功能控件30d。可以理解的是,在信息发表编辑页面30b中显示了图像区域30n后,可以取消显示提示信息30r。

用户可以通过该图像添加功能控件30d,将图像30i和图像30h上传至信息发表编辑页面30b,在用户上传成功后,终端设备10a可以获取该用户上传的图像30i和图像30h,并将图像30i和图像30h均转换成具有图形显示尺寸(即图像区域30n中所规定的图像显示尺寸)的目标图像,并在图像区域30n中显示转换后的图像30i和图像30h,此时的图像区域30n中包括图像添加功能控件30d、转换后的图像30i和图像30h。终端设备10a可以统计图像区域30n在信息发表编辑页面30b中的显示时长,当显示时长达到预设时长(如一分钟)时,终端设备10a可以取消显示图像区域30n,此时的信息发编辑页面30b恢复到上传图像之前的显示状态,即取消显示图像区域30n后,可以恢复显示提示信息30r。当用户再次从信息发表编辑页面30b的底部向上滑动时,可以在信息发编辑页面30b中再次显示图像区域30n。

在信息发表编辑页面中不仅可以上传图像,还可以在文本区域中输入文本内容。请一并参见图5,是本申请实施例提供的一种输入文本内容的界面示意图。如图5所示,在信息发表编辑页面30b中,用户可以选择文本区域30c,如点击文本区域30c,终端设备10a可以响应用户针对文本区域30c的点击操作,在信息发表编辑页面30b中弹出键盘30m,用户可以基于键盘30m编辑文本内容,终端设备10a可以实时获取用户所编辑的文本内容,并将用户所编辑的文本内容显示在文本区域30c。用户所编辑的文本内容增多时,文本区域30c会随着文本内容的增加而增加区域高度,在文本区域30c增加高度时,包含图像30i、图像30h以及图像添加功能控件30d的图像区域30n会随着移动(如在信息发表编辑页面30b中可以向终端屏幕的下侧移动)。文本区域30c中的文本内容编辑完成后,用户可以点击信息发表编辑页面30b中的“完成”功能选项,终端设备10a可以响应用户针对“完成”功能选项的点击操作,在信息发表编辑页面中取消显示键盘30m。

在信息发表编辑页面30b中,还可以显示平台输入框30k,该平台输入框30k可以用于选择文本内容、图像30i以及图像30h所要发表的具体平台,平台输入框30k的初始状态为“选择想要发表的圈子”。当用户点击平台输入框30k时,终端设备10a可以响应针对平台输入框30k的点击操作,可以在信息发表编辑页面30b中显示平台选择面板30p,在平台选择面板30p中可以显示多个平台名称,如朋友圈、游戏a圈、游戏b圈、日志空间等,用户可以从平台选择面板30p中选择想要发表的平台,如用户选择平台选择面板30p中的游戏a圈时,终端设备10a可以响应针对平台选择面板30p的选择操作,将平台输入框30k中所显示的“选择想要发表的圈子”切换为“发表到游戏a圈”。当然,用户还可以选择在平台输入框30k中直接输入想要发表的平台名称。

步骤s102,响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识。

可选的,对于信息发表编辑页面的图像区域中所显示的目标图像,用户可以将图像区域中所显示的目标图像移动至文本区域中。当用户按住图像区域中的目标图像并移动时,终端设备可以响应用户针对目标图像的移动触发操作,将图像区域中所显示的目标图像由静止状态转换成可移动状态,并根据文本区域中所包含的文本内容,确定与该目标图像相关联的单位字符在信息发表编辑页面中的显示位置,根据单位字符的显示位置,可以在文本区域中创建并显示插入区域标识,插入区域标识在文本区域中的显示位置与上述单位字符的显示位置相关联,插入区域标识用于表示目标图像在文本区域中可以插入的区域。其中,插入区域标识可以用于表示目标图像在文本区域中可以插入的位置,插入区域标识可以采用标识框(虚线框、实线框等)、光标、下划线、与文本不一样的区域显示颜色等形式进行显示。

可选的,用户在按住图像区域中的目标图像并移动时,终端设备可以响应针对图像区域中的目标图像的移动触发操作,获取目标图像对应的初始比例,即目标图像对应的初始图像中高度和宽度之间的比值,根据初始比例和比例阈值确定发布显示比例,在信息发表编辑页面中将目标图像切换显示为具有发布显示比例的目标图像,可以获取文本内容中的至少一个文本段落分别在文本区域中的末尾排版位置,根据末尾排版位置,在文本区域中显示至少一个插入区域标识。换言之,终端设备在检测到用户按住目标图像并移动时,终端设备可以获取目标图像对应的初始图像(即目标图像上传至信息发表编辑页面时还未被压缩的原图像)的初始比例,还可以获取信息发表编辑页面中对处于移动过程中的图像所设置的比例阈值(如2:1),终端设备可以根据目标图像的初始比例和比例阈值,确定目标图像在移动过程中的发布显示比例,并将具有图像显示尺寸的目标图像切换显示为具有发布显示比例的目标图像。进一步地,若目标图像的初始比例小于或等于阈值比例,则将初始比例确定为发布显示比例;若目标图像的初始比例大于阈值比例,则将比例阈值确定为发布显示比例,例如,目标图像的大小为k*k,阈值比例为2:1,当目标图像对应的初始图像的大小为:2.5a*a(2.5a为初始图像的高度,a为初始图像的宽度)时,可以确定初始图像的初始比列为:2.5:1,初始比例2.5:1大于阈值比例2:1,进而可以确定发布显示比例为2:1,表明目标图像在移动过程中宽度保持k,高度保持2k进行显示;当目标图像对应的初始图像的大小为:1.5a*a(1.5a为初始图像的高度,a为初始图像的宽度)时,可以确定初始图像的初始比列为:1.5:1,初始比例1.5:1小于阈值比例2:1,进而可以确定发布显示比例为1.5:1,表明目标图像在移动过程中宽度保持k,高度保持1.5k进行显示。可选的,上述初始比例可以是指目标图像对应的初始图像中长边和短边之间的比例,如初始图像的高度为2.5a,宽度为a时,初始比例为高度与宽度之间的比值2.5:1;初始图像的高度为a,宽度2a时,初始比例为宽度与高度之间的比值2:1。

可选的,目标图像在信息发表编辑页面的移动过程中,目标图像可以始终显示在信息发编辑页面中;或者可以在用户触发目标图像移动(如长按目标图像不松开)时,将目标图像由图像区域中的图像显示比例切换显示为发布显示比例,在用户移动目标图像后,可以对目标图像进行透明化处理,即在信息发表编辑页面中暂时不显示目标图像,当检测到用户针对目标图像的移动停止操作(即终端设备检测到目标图像停留在信息发表编辑页面的同一位置的时间超过时间阈值时,可以确定该目标图像处于停止移动的状态,如时间阈值为1秒,目标图像在同一位置的时间达到1秒时,可以确定该目标图像处于停止移动的状态)时,终端设备可以在目标图像停止的位置处进行可视化显示,即将目标图像从透明化显示转换成可视化显示,此处的移动停止操作可以是指用户在移动目标图像的中途停止移动但不松开的情形,也可以是指用户结束移动过程松开目标图像的情形。

终端设备可以获取文本内容中所包含的文本段落,文本内容中可以包括多个文本段落,并确定每个文本段落在信息发表编辑页面的文本区域中的末尾排版位置,该末尾排版位置可以理解为每个文本段落中最后一个字符对应的显示位置,如文本段落中最后一个文字或者标点符号所对应的显示位置,根据每个文本段落分别对应的末尾排版位置,在文本区域中显示至少一个插入区域标识。进一步地,终端设备可以识别文本内容中的换行符,根据换行符在文本区域中的位置,确定每个文本段落分别在文本区域中的末尾排版位置,进而在文本区域的末尾排版位置处可以增加两个文本段落之间的文本段间距,根据文本段间距在文本区域中创建并显示插入区域标识。文本内容中的文本段落均以换行符作为结束,因此换行符的位置即为文本段落的末尾排版位置,为了在文本区域中显示插入区域标识且不遮挡文本内容,可以增大相邻两个文本段落之间的距离,即在相邻两个文本段落之间增加空白区域,在文本段落之间的空白区域增加插入区域标识,当然,对于文本内容中的最后一个文本段落,同样可以在文本内容的最后增加一个插入区域标识。

需要说明的是,终端设备可以获取文本区域中插入区域标识的显示尺寸,以及每个文本段落的末尾排版位置处的空白区域尺寸,当文本段落的末尾排版位置处的空白区域尺寸大于或者等于插入区域标识的显示尺寸时,终端设备无需增大相邻两个文本段落之间的距离,直接在文本段落的末尾排版位置处的空白区域增加插入区域标识;当文本段落的末尾排版位置处的空白区域尺寸小于插入区域标识的显示尺寸时,终端设备可以增大相邻两个文本段落之间的距离,在相邻两个文本段之间的空白区域增加插入区域标识。可选的,终端设备也可以根据文本段落的末尾排版位置处的空白区域尺寸来确定插入区域标识的显示尺寸。

例如,当插入标识区域为标识框时,标识框在文本区域中的显示尺寸可以进行预先设定,如标识框的高度为文本区域中每一行的高度,宽度为文本区域中文本内容的显示宽度,或者标识框的高度和宽度均可以设置为其余固定的数值(如高度可以设置为1厘米,宽度可以设置为2厘米等)。标识框可以显示在每个文本段落中最后一行文字的末尾空白处,当文本段落的最后一行文字的末尾空白处不足以显示标识框时,可以显示在最后一行文字的后一行,当该文本段落与后一个文本段落之间的距离小于标识框的高度时,需要增加该文本段落与后一个文本段落之间的距离,此时的标识框可以包括以下参数:标识框的编号、上边缘值,下边缘值、左边缘值以及右边缘值。可选的,每个标识框均可以显示在每个文本段落中最后一行文字的后一行,当文本区域中相邻两个文本段落之间的距离小于标识框的高度时,同样需要增加相邻两个文本段落之间的距离,如上述图2所对应实施例中的标识框20f和标识框20g所示,此时的标识框的参数可以包括:标识框的编号、上边缘值以及下边缘值。

步骤s103,当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像;目标插入区域标识属于至少一个插入区域标识。

可选的,用户在信息发表编辑页面中移动目标图像的过程中,终端设备可以实时检测目标图像在信息发表编辑页面中的位置信息,并实时显示该目标图像。当用户将目标图像移动至文本区域中的目标插入区域标识对应的标识区域并松开时,终端设备可以将目标图像显示在目标插入区域标识对应的标识区域中;该目标插入标识是指文本区域所显示的至少一个插入区域标识中该目标图像所拖入的标识区域所对应的插入区域标识;在目标插入区域标识对应的标识区域中显示了目标图像后,终端设备可以取消显示文本区域中的插入区域标识。

可以理解的是,每个插入区域标识在文本区域中均对应有标识区域,插入区域标识对应的标识区域即为目标图像在文本区域中可以插入的区域位置。例如,当插入区域标识为标识框时,插入区域标识对应的标识区域可以为标识框在文本区域中所覆盖的区域,标识区域的大小可以为标识框的显示尺寸(可以由标识框的上边缘值、下边缘值、左边缘值以及右边缘值来确定);当插入区域标识为光标时,插入区域标识对应的标识区域可以为文本区域中与该光标所处位置相邻的区域;当插入区域标识为下划线时,插入区域标识对应的标识区域可以由下划线的长度来确定,等等。

进一步地,用户移动目标图像至文本区域中的某插入区域标识对应的标识区域(此时的这个插入区域标识可以称为目标插入区域标识)并松开时,终端设备可以响应该用户针对目标图像的移动结束操作(可以理解为松开目标图像的操作),获取目标图像中的目标点在信息发表编辑页面中的坐标值,并获取每个插入区域标识在信息发表编辑页面中所对应的标识区域;当目标点的坐标值处于任意一个插入区域标识对应的标识区域时,将坐标值所属标识区域对应的插入区域标识确定为目标插入区域标识,在目标插入区域标识对应的标识区域中插入目标图像,即在目标插入区域标识对应的标识区域中显示目标图像,取消显示目标插入区域标识,当然除目标插入区域标识之外的其余插入区域标识同样可以从文本区域中清除。其中,目标图像中的目标点可以为目标图像中的中心点,或者为目标图像中的任一固定点。

以插入区域标识为标识框为例,对目标图像在文本区域中的显示过程进行描述。若信息发表编辑页面的文本区域中包括4个文本段落,则在用户按住目标图像并移动时,在文本区域中可以显示4个标识框,分别可以标记为标识框1、标识框2、标识框3以及标识框4;上述4个标识框的宽度均可以为文本区域的宽度,其中,标识框1对应的上边缘值为y11,下边缘值为y12;标识框2对应的上边缘值为y21,下边缘值为y22;标识框3对应的上边缘值为y31,下边缘值为y32;标识框4对应的上边缘值为y41,下边缘值为y42。根据每个标识框分别对应的上边缘值、下边缘值以及宽度,可以确定上述4个标识框分别对应的标识区域,该标识区域可以理解为上边缘值与上边缘值之间的空白区域(即没有显示文字的区域)。当用户松开目标图像结束移动时,终端设备可以获取目标图像的中心点(此时的中心点即为目标点)在移动结束时的坐标值y,当y处于上边缘值y21和下边缘值y22之间时,可以将标识框2确定为目标插入区域标识,在标识框2所对应的标识区域中显示目标图像,并在文本区域中取消显示标识框1、标识框2、标识框3以及标识框4。

可选的,在用户松开移动目标图像并在目标插入区域标识对应的标识区域中插入目标图像,终端设备可以根据目标图像的高度,对文本区域中所显示的文本内容进行排版调整。换言之,终端设备可以根据目标图像的高度,调整文本区域中与目标插入区域标识相邻的文本之间的距离,根据该距离对文本区域中所显示的文本内容和目标图像进行排版调整,在文本区域的文本内容中插入目标图像后,为了在文本区域中显示文本内容和目标图像,终端设备需要根据目标图像的大小,对该目标图像显示位置相邻的文本进行排版调整,留出足够的空间来显示该目标图像。

例如,目标插入区域标识位于两个相邻文本段落之间时,终端设备获取到上述两个相邻文本段落之间的距离为1厘米,目标图像的高度为2厘米,可以增加上述两个相邻文本段落之间的距离,使得上述两个文本段落之间的距离达到2厘米,在增加距离后的两个相邻文本段落之间显示该目标图像,此时的目标图像不会覆盖文本区域中所显示的文本内容。

可选的,当相邻两个文本段落之间的距离大于或等于目标图像的高度时,终端设备无需增加与目标插入区域标识相邻的两个文本段落之间的距离,直接在目标插入区域标识对应的标识区域(可以理解为上述两个相邻的文本段落之间的空白区域)中显示该目标图像。可选的,当相邻两个文本段落之间的距离小于目标图像的高度时,终端设备还可以根据相邻两个文本段落之间的距离,调整目标图像在文本区域中的显示高度,即将目标图像压缩至高度小于或等于相邻两个文本段落之间的距离,在上述两个相邻的文本段落之间的空白区域显示压缩之后的目标图像(为方便描述,下述将压缩之后的目标图像称为“小目标图像”,将压缩之前的目标图像称为“大目标图像”);当用户触发(如点击、长按等)文本区域中所显示的小目标图像时,终端设备可以响应该用户针对小目标图像的触发操作,在文本区域中显示大目标图像,以便用户对目标图像进行查看。

应当理解的是,图像区域中所显示的目标图像可以为多个,如目标图像1、目标图像2等,当用户从图像显示区域中移动目标图像1至文本区域并进行显示后,用户还可以基于与目标图像1相同的移动方式,将目标图像2移动至文本区域。目标图像不管是在图像区域中以图像显示比例进行展示,还是文本区域和移动过程中以发布显示比例进行展示,均是以缩略图状态(即进行图像压缩之后的状态)进行展示的。

可选的,信息发表编辑页面中还可以包括信息发表控件,在用户将图像区域中所显示的目标图像移动至文本区域,并在文本区域中进行显示后,终端设备可以将排版调整后的文本内容和目标图像确定为目标内容,在用户触发信息发表编辑页面中的信息发表控件时,可以响应针对信息发表控件的发表触发操作,将目标内容发送至信息发布平台,在目标内容发布成功后,信息发布平台中的其余终端设备可以访问该目标内容,具体操作过程可以参见上述图2所对应实施例中的描述,这里不再赘述。

可选的,当文本区域中所显示的图像为压缩后的目标图像(即小目标图像)时,在目标内容发布成功后,信息发布平台中的终端设备在访问目标内容时,在终端设备中所显示的目标内容中的图像可以恢复为大目标图像。

下面以插入区域标识是标识框为例,结合图6至图10所所示的界面示意图对目标图像的移动过程进行详细说明。

请参见图6,是本申请实施例提供的一种在文本区域中添加图像的界面示意图。当标识框显示在文本区域中每个文本段落中最后一行文字的末尾空白处时,如图6所示,在信息发表编辑页面40a中可以显示文本区域40b和图像区域40c,在文本区域40a中可以显示两个文本段落,第一个文本段落为“8月2日,一年一度的玩家盛宴xx即将拉开大幕……”,第二个文本段落为“对于厂商而言,则希望利用这个契机,为玩家呈现更多惊喜”;图像区域40c中可以显示图像40d和图像40e,图像40d和图像40e均可以称为目标图像,在图像区域40c中所显示的图像40d和图像40a具有相同的显示尺寸,该显示尺寸为图像区域40c所规定的图像显示尺寸。当用户长按图像40d且不松开时,终端设备10a可以响应该用户针对图像40d的长按操作(可以理解为移动触发操作),将图像40d由图像区域40c中的静止状态转换成可移动状态,并将图像40d的显示比例按照发布显示比例(可以为图像40d的初始比例,或者是信息发表编辑页面40a中的阈值比例,详细说明请参见上述步骤s102中的描述)。在用户长按图像40d且不松开时,终端设备10a除了可以调整并显示图像40d的显示比例之外,还可以识别文本区域40b中所包含的换行符,换行符在文本区域40b中的位置可以看成是文本段落的末尾排版位置,在每个文本段落的末尾排版位置处,可以显示标识框,如第一文本段落的末尾可以显示标识框40f,第二文本段落的末尾可以显示标识框40g,由图6所示,标识框40f和标识框40g均处于文本段落中的最后一行文字的空白处,标识框40f和标识框40g在文本区域40b中的显示大小可以是相同的。当然,文本区域40b中所显示的标识框也可以是不同的,如标识框的长度为文本段落中的最后一行文字的空白区域长度等。

用户可以长按图像40d并移动,当用户将图像40d移动至文本区域40b的标识框40g中时,用户松开该图像40d,终端设备10a可以响应该用户针对图像40d的松开操作(可以称为移动结束操作),将图像40d添加在标识框40g所在的标识区域,并在第二个文本段落中最后一行文字的末尾位置显示该图像40d,取消显示文本区域40b中的标识框40f和标识框40g;终端设备10a可以将图像区域40c中剩下的图像40e进行顺位移动显示,即在图像40d移动至文本区域40b中后,可以将图像40e显示在图像区域40c中图像40d原来的显示位置上;终端设备10a可以根据图像40d的高度,调整文本区域40b的显示高度。可以理解的是,此时文本区域40b中所显示的图像40d可以使用发布显示比例进行图像展示,图像40d的添加不会影响文本段落中文字之间的行间距,可以通过增加文本段落之间的距离来展示图像40d。

请参见图7,是本申请实施例提供的一种在文本区域中添加图像的界面示意图。当标识框显示在文本区域中每个文本段落最后一行文字的下一行,且图像区域中包括多个目标图像时,如图7所示,用户将图像40d添加至文本区域40b中后,图像40d可以看成是文本区域40b中的一个特殊的文本段落,具有文本区域40b中的段落属性,如以换行符作为结束,此时的文本区域40b中包括三个文本段落,第一个文本段落为“8月2日,一年一度的玩家盛宴xx即将拉开大幕……”,第二个文本段落为图像40d,第三个文本段落为“对于厂商而言,则希望利用这个契机,为玩家呈现更多惊喜”。对于图像区域40c中所显示的40e,用户可以继续移动图像区域40c中的图像40e,将图像40e拖入文本区域40b的文本内容中,用户移动图像40e的操作与移动图像40d的操作相同,即用户长按图像40e且不松开时,终端设备10a可以响应用户对图像40e的长按操作,将图像40e由静止状态转换成可移动状态,并调整图像40e在移动过程中的显示比例和显示尺寸;终端设备10a还可以在图像40e转换成可移动状态时,检测到文本段落之间的距离小于图像40e的高度,可以增加文本段落之间的距离,在每个文本段落最后一行文字的后一行创建并显示标识框,如第一个文本段落的后一行可以显示标识框40h,在第二个文本段落(即仅包含图像40d的特殊文本段落)的后一行可以显示标识框40i,在第三个文本段落的后一行可以显示标识框40j;标识框40h、标识框40i以及标识框40j在文本区域40b中的显示高度均可以为每行文字的高度,显示宽度均可以为文本区域40b的宽度。

当用户将图像40e移动至文本区域40b的标识框40i中,并松开图像40e时,终端设备10a可以响应该用户针对图像40e的松开操作,在标识框40i所在的标识区域显示图像40e,并取消显示文本区域40b中的标识框40h、标识框40i以及标识框40j,可以根据图像40e的高度,增加文本区域40b中第二个文本段落(即包含图像40d的文本段落)和第三个文本段落之间的距离,在第二个文本段落和第三个文本段落之间的空白区域显示图像40e,此时的图像40e同样可以看成是文本区域40b中的一个特殊文本段落,以换行符作为该特殊文本段落的结束。

可选的,标识框可以显示在包含文字的文本段落的末尾,请参见图8,是本申请实施例提供的一种在文本区域中添加图像的界面示意图。如图8所示,用户将图像40d添加至文本区域40b中后,图像40d可以看成是文本区域40b中的一个特殊的文本段落,此时的文本区域40b中包括三个文本段落,第一个文本段落为“8月2日,一年一度的玩家盛宴xx即将拉开大幕……”,第二个文本段落为图像40d,第三个文本段落为“对于厂商而言,则希望利用这个契机,为玩家呈现更多惊喜”,第一个文本段落和第二个文本段落均包括文字,第二个文本段落仅包含图像40d。当用户长按图像40e且不松开时,终端设备10a可以响应用户对图像40e的长按操作,将图像40e由静止状态转换成可移动状态,并调整图像40e在移动过程中的显示比例和显示尺寸;终端设备10a还可以在图像40e转换成可移动状态时,在每个包含文字的文本段落的末尾创建并显示标识框;由于终端设备检测到第二文本段落仅包含图像40d,终端设备10a可以在第一个文本段落和第三个文本段落之间,以图像40d的高度创建并显示标识框40k,在第三文本段落最后一行文字的后一行创建并显示标识框40j,第三文本段落的末尾还没有添加图像,因此标识框40j为初始显示大小,即标识框40j的显示高度可以为每行文字的高度,显示宽度可以为文本区域40b的宽度。

当用户将图像40e移动至文本区域40b的标识框40k中,并松开图像40e时,终端设备10a可以响应该用户针对图像40e的松开操作,在标识框40k所在区域显示图像40e,并取消显示文本区域40b中的标识框40k和标识框40j;可以获取图像40e对应的图像高度m和图像40d对应的图像高度n,当m大于n时,可以增加第一个文本段落和第三个文本段落之间的距离,将图像40e插入第二个文本段落中;当m小于n时,直接将图像40e插入第二个文本段落中,此时的图像40e和图像40d可以看成是文本区域40b中的一个特殊文本段落,该特殊文本段落中仅包含图像40e和图像40d,即图像40e和图像40d属于同一个文本段落。可选的,在文本区域40b中插入了图像40d和图像40e后,用户还可以通过长按图像40d或者图像40e,调整两个图像之间的排列顺序,如长按图像40e并移动至图像40d位置时,终端设备10a可以将图像40e显示在图像40d所处的位置,并将图像40d进行后移,即可以将图像40d和图像40e的显示位置进行调换。

可选的,当用户在移动目标图像的过程中,目标图像中目标点在移动结束时的坐标值未处于标识框所覆盖的标识区域时,终端设备可以将目标图像由移动结束操作所停止的位置返回至图像区域,其中,返回至图像区域的目标图像需要转换为图像显示比例。请一并参见图9,是本申请实施例提供的一种从图像区域中移动图像的界面示意图。如图9所示,用户长按图像40e并移动图像40e至文本区域40b中时,终端设备10a可以响应用户针对图像40e的长按操作,在文本区域40b中每个文本段落的后一行创建并显示标识框,标识框的具体显示位置如上述图7所对应实施例中的标识框40h、标识框40i以及标识框40j所示。当用户结束移动后,终端设备10a可以响应针对图像40e的移动结束操作,获取图像40e中的目标点(如中心点)在信息发表编辑页面40a中的坐标值,若目标点的坐标值不属于标识框40h、标识框40i以及标识框40j中任意一个标识框所覆盖的标识区域(此处的标识区域可以理解为图9中的虚线框所覆盖的区域),如图像40e在移动结束时所处的位置属于第一个文本段落所覆盖的区域,则可以将图像40e返回至图像区域40c,该图像40e返回图像区域40c所显示位置可以为图像40e在移动之前的显示位置,并将图像40e的可移动状态恢复到该图像40e未被长按时的静止状态,将图像40e由发布显示比例转换成图像区域40c中的图像显示比例。

可选的,信息发表编辑页面中还可以包括图片删除区域,终端设备可以获取图片删除区域在信息发表编辑页面中的位置坐标区间,当目标图像中的目标点在移动结束时的坐标值处于图片删除区域对应的位置坐标区间时,触发信息发表编辑页面中的删除功能,该删除功能用于从信息发表编辑页面中删除目标图像。请一并参见图10,是本申请实施例提供的一种从图像区域中删除图像的界面示意图。如图10所示,用户长按图像40e并移动图像40e时,终端设备10a可以响应用户针对图像40e的长按操作,在文本区域40b中每个文本段落的后一行创建并显示标识框,标识框的具体显示位置如上述图7所对应实施例中的标识框40h、标识框40i以及标识框40j所示。当用户结束移动后,终端设备10a可以响应针对图像40e的移动结束操作,获取图像40e中的目标点(如中心点)在信息发表编辑页面40a中的坐标值,当目标点的坐标值处于图片删除区域40m时,表明图像40e被用户移动至图片删除区域40m,可以触发图片删除区域40m中的删除功能,将图像40e从信息发表编辑页面40b中删除,删除后的图像40e可以从图像区域40c中进行清除。换言之,对于用户上传至信息发表编辑页面40a的目标图像,若用户不满意所上传的目标图像,或者用户上传了错误的目标图像,用户可以长按图像区域40c中不满意或者错误的目标图像并移动至图片删除区域40m,可以将不满意或者错误的目标图像进行删除,进而可以通过图像区域40c中的图像添加功能选项上传新的目标图像。

本申请实施例可以在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像,响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像,其中,目标插入区域标识属于至少一个插入区域标识。可见,在信息发表页面中添加文字和图片后,可以移动目标图片至文本区域中,在文本区域的文本内容中插入图像,并根据所插入的图像,对文本区域中的文本内容和所插入的图像进行排版,将插入图像后的内容进行发表,即可以对文本和图像以混合排列的展示形式进行展示,可以丰富信息的展示形式;在信息发表编辑页面中可以将编辑状态由图配文(图像和文字分区域展示)的状态切换为图文混排状态,可以提高信息编辑效率。

请参见图11,是本申请实施例提供的另一种数据处理方法的流程示意图。如图11所示,该数据处理方法可以包括以下步骤:

步骤s201,在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像。

其中,步骤s201的具体实现过程可以参见上述图3所对应实施例中的步骤s101,这里不再进行赘述。

步骤s202,响应针对图像区域中的目标图像的移动触发操作,对目标图像进行识别,获取目标图像对应的图像描述信息。

可选的,对于信息发表编辑页面的图像区域中所显示的目标图像,用户可以将图像区域中所显示的目标图像移动至文本区域中,将目标图像插入文本内容中,在文本区域中对文本内容和目标图像进行混合排列。当用户按住图像区域中的目标图像并移动时,终端设备可以响应用户针对该目标图像的移动触发操作,将图像区域中所显示的目标图像由静止状态转换成可移动状态,即表明用户长按目标图像且不松开时,终端设备可以将信息发表编辑页面中的图配文状态(目标图像和文本内容分区域进行展示)转换为图文混排状态(目标图像和文本内容可以在同一区域中进行混合展示,如目标图像可以插入文本区域的文本内容中);终端设备可以获取用户所触发移动的目标图像,通过对该目标图像进行识别,可以从目标图像中提取出图像特征,进而根据图像特征可以得到用于描述该目标图像的自然语句,该自然语句也可以称为图像描述信息。

可选的,终端设备可以通过图像处理系统来获得目标图像对应的图像描述信息,该图像处理系统可以包括编码器和解码器,编码器可以用于提取目标图像对应的图像特征,解码器可以用于生成与图像特征相匹配的自然语句。在编码阶段,终端设备可以将目标图像输入编码器中,由编码器对目标图像进行特征提取。一般地,编码器可以基于卷积神经网络(convolutionalneuralnetwork,cnn)来进行特征提取。编码器可以通过cnn对目标图像进行图像编码,cnn可以包括多个卷积层(conv层),每个卷积层均可以用于提取目标图像中的特征,前一个卷积层的输出可以作为后一个卷积层的输入,cnn中的最后一个卷积层可以输出用于表示目标图像的局部信息的局部图像特征集合;cnn的最后可以添加一个全连接层,该全连接层的输入可以为最后一个卷积层的输出,该全连接层的输出用于表示目标图像的全局信息的全局图像特征,即该全连接层可以将最后一个卷积层所输出的局部图像特征进行聚合,得到目标图像对应的全局图像特征。其中,上述用于表示图像的全局信息的全局图像特征可以通过一个向量表示,上述用于表示局部信息的局部图像特征集合可通过一个向量集合表示,在该向量集合中的一个向量表示图像的一个区域的图像特征。

终端设备可以将全局图像特征和局部图像特征集合中所包含的图像特征进行融合,得到目标图像的最终图像表示。当然,终端设备也可以将图像全局特征作为目标图像的最终图像表示。将目标图像的最终图像表示输入至解码,解码器可以对最终图像表示进行解码得到目标图像的图像描述信息,例如,输出目标图像为“苹果”图像的自然语句。

在解码阶段,解码器可以基于递归神经网络(recurrentneuralnetwork,rnn)来进行自然语句的预测,而rnn可以采用长短时记忆(longshort-termmemory,lstm)单元来实现。解码器可以输出各个时刻编码器输出的图像特征经过融合之后的图像表示所对应的词汇,将所得到的词汇进行组合,可以得到用于对目标图像进行图像描述的自然语句,也可以称为图像描述信息。

可选的,目标图像转换成可移动状态后,终端设备还可以对目标图像在移动过程中的显示比例进行调整。目标图像显示在图像区域中时,目标图像为具有图像显示尺寸(即图像区域中所规定的图像显示大小,如k*k)的图像,在目标图像转换成可移动状态后,可以根据该目标图像的初始比例调整该目标图像在移动过程中的显示比例和显示大小,具体的调整过程可以参见上述图3所述对应实施例中的步骤s102,这里不再赘述。

步骤s203,将文本内容划分为至少两个单位字符,确定图像描述信息与至少两个单位字符之间的匹配度。

可选的,终端设备可以获取文本区域中所显示的文本内容,将文本内容划分为至少两个单位字符,并将每个单位字符转换为单位词向量。终端设备可以基于模型(如隐马尔科夫模型)对文本内容对应的词序列进行标注,得到该词序列对应的标注序列,进而根据标注序列对文本内容进行切分,得到最少两个单位字符。例如,文本内容为“我喜欢吃猕猴桃”,基于模型可以得到文本内容对应的标注序列可以为:sbesbme(b代表该字是词语中的起始字,m代表词语中的中间字,e代表词语中的结束字,s则代表单字成词),由于句尾只可能为e或者s,所以得到的切词方式为:s/be/s/bme,进而得到文本内容“我喜欢吃猕猴桃”的切词方式为:我/喜欢/吃/猕猴桃,得到的单位字符分别为:“我”、“喜欢”、“吃”、“猕猴桃”。当然,文本数据也可以是采用英文等语言描述的,那么文本数据对应的词序列中,单词之间以空格作为自然分界符,可以直接进行切分,处理过程比较简单。

终端设备可以将每个单位字符均转换为词向量,从词袋中查找出每个单位字符分别对应独热码(one-hotcode),其中,词袋中包括文本内容中的一系列单位字符,以及每个单位字符分别对应的独热码,独热码是向量只包含一个1,其余均为0的向量。独热码的向量维数与词袋中所包含的字符数量相关联,当词袋中包含5个单位字符时,每个单位字符的独热码均可以用一个5维的向量表示,当词袋中所包含的单位字符很多时,独热码的维数会很大。因此,终端设备可以获取词向量转换模型,将高维度的独热码,降低为低维度的词向量,基于词向量转换模型中的隐含层对应的权重矩阵,将输入的独热码与该权重矩阵相乘,相乘后得到的向量即为单位字符对应的词向量。其中,词向量转换模型可以是根据word2vec(词向量转换模型)、glove(词嵌入工具)训练得到的,权重矩阵的行数等于独热码的维数,权重矩阵的列数等于词向量的维数。例如,单位字符对应的独热码的大小为:1×100,权重矩阵的大小为:100×10,则词向量的大小为:1×10。

终端设备可以基于上述同样的方式,得到图像描述信息对应的词向量,通过分别计算图像描述信息对应的词向量与每个单位字符对应的词向量之间的相似度,确定图像描述信息与每个单位字符之间的匹配度。其中,相似度计算方式可以包括:曼哈顿距离(manhattandistance)、欧氏距离(euclideandistance)、余弦相似度(cosinesimilarity)、马氏距离(mahalanobisdistance)等。例如,图像描述信息为“猕猴桃”,文本内容对应的单位字符分别为:“我”、“喜欢”、“吃”、“猕猴桃”,则终端设备可以将图像描述信息以及每个单位字符分别词向量,通过计算词向量之间的距离来确定图像描述信息与每个单位字符之间的匹配度,如图像描述信息“猕猴桃”与单位字符“我”的匹配度可以为:0,图像描述信息“猕猴桃”与单位字符“喜欢”的匹配度可以为:0.1,图像描述信息“猕猴桃”与单位字符“吃”的匹配度可以为:0.3,图像描述信息“猕猴桃”与单位字符“猕猴桃”的匹配度可以为:100。

步骤s204,根据匹配度确定与目标图像相关联的至少一个目标字符,根据每个目标字符分别在文本区域中的显示位置,在文本区域中显示至少一个插入区域标识。

可选的,终端设备可以根据图像描述信息与文本内容中每个单位字符分别对应的匹配度,按照匹配度从大到小的顺序对文本内容中所包含的单位字符进行排序,从排序后的单位字符中选择m(m为大于1的正整数)个单位字符作为与目标图像相关联的目标字符。其中,目标字符的数量m可以预先进行设置,如m=3,或者可以预先设置匹配度阈值,如匹配度阈值为0.8,将匹配度达到0.8的单位字符均确定为目标字符等。

终端设备从文本内容中确定了与目标图像关联的目标字符后,可以确定目标字符在文本区域中的显示位置,根据目标字符在文本区域中的显示位置,在文本区域中创建并显示插入区域标识。当目标字符处于文本内容的文本段落中时,终端设备可以增大该目标字符与后一个单位字符之间的距离,在该目标字符与后一个单位字符之间显示插入区域标识。

如前述举例,图像描述信息为“猕猴桃”时,可以将文本内容中的单位字符“猕猴桃”作为目标图像对应的目标字符,在文本区域中确定单位字符“猕猴桃”的显示位置,在单位字符“猕猴桃”的显示位置处创建并显示插入区域标识。其中,当文本内容中出现多次单位字符“猕猴桃”时,可以在每个“猕猴桃”的显示位置处显示插入区域标识;当单位字符“猕猴桃”处于文本内容的文本段落中时,终端设备可以增大单位字符“猕猴桃”与后一个单位字符之间的距离,在单位字符“猕猴桃”与后一个单位字符之间显示插入区域标识;当单位字符“猕猴桃”处于文本内容的文本段落的末尾,且文本段落的末尾有空白区域时,可以直接在该文本段落的末尾空白处显示插入区域标识。

步骤s205,当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像;目标插入区域标识属于至少一个插入区域标识。

其中,步骤s205的具体实现方式可以参见上述图3所对应实施例中的步骤s103,这里不再进行赘述。

需要说明的是,步骤s103是以插入区域标识显示在文本段落的末尾为例,对目标图像和文本内容的混合排列方式的详细说明,在文本区域中插入目标图像后,可以根据目标图像调整文本区域中文本段落之间的距离。在本申请实施例中,插入区域标识可以显示在文本段落的中间,在目标图像插入文本区域的文本段落的中间时,可以对目标图像的相邻文字之间的距离进行调整。例如,目标图像在文本区域中的插入位置为文本区域中第5行文字的字符x和字符y之间,则可以增大字符x和字符y之间的距离,还可以增加第5行文字和第6行文字之间的距离,在字符x和字符y的中间空白区域显示该目标图像。可选的,用户可以触发信息发表编辑页面中的信息发表控件,终端设备可以响应用户针对信息发表控件的发表触发操作,将包含目标图像和文本内容的信息发表至信息发布平台。

请一并参见图12,是本申请实施例提供的一种文本区域中显示插入区域标识的界面示意图。下面以插入区域标识为标识框为例,对插入区域标识的显示过程进行描述,如图12所示,在信息发表编辑页面50a中可以显示文本区域50b和图像区域50c,在文本区域50a中可以显示两个文本段落,第一个文本段落为“苹果素来享有“水果之王”的美誉,可是,我们只知道苹果的食用价值,你是否知道苹果还有很多奇异的功效呢”,第二个文本段落为“美白牙齿:苹果含丰富纤维素,其中的细纤维可以清除牙齿间的污垢,让你有足够自信的笑容”;图像区域50c中可以显示图像50d和图像50e,图像50d和图像50e均可以称为目标图像,在图像区域50c中所显示的图像50d和图像50a具有相同的显示尺寸,该显示尺寸为图像区域50c所规定的图像显示尺寸。当用户长按图像50d且不松开时,终端设备10a可以响应该用户针对图像50d的长按操作(可以理解为移动触发操作),将图像50d由图像区域50c中的静止状态转换成可移动状态,并将图像50d的显示比例按照发布显示比例(可以为图像50d的初始比例,或者是信息发表编辑页面50a中的阈值比例,详细说明请参见上述图3所对应实施例的步骤s102中的描述)。

在用户长按图像50d且不松开时,终端设备10a除了可以调整并显示图像50d的显示比例之外,还可以对图像50d进行识别,通过编码器从图像50d中提取图像特征,将所提取到的图像特征输入解码器中,输出用于描述图像50d的自然语句,如输出图像50d为“苹果”图像的描述词,终端设备可以对文本区域50b中所显示的文本内容进行分词操作,将文本内容划分为至少两个单位字符,通过计算图像描述词“苹果”与文本内容中每个单位字符之间的匹配度,可以将匹配度最高的单位字符作为与图像50d相匹配的目标字符,如可以将文本内容中的字符“苹果”作为图像50d对应的目标字符。终端设备可以获取字符“苹果”在文本区域50b中的显示位置,在字符“苹果”的显示位置处创建并显示标识框,如第一个文本段落中包括三个字符“苹果”,第二个文本段落中包括一个字符“苹果”,可以增大字符“苹果”与后一个字符之间的距离,如增加字符“苹果”与字符“素来”之间的距离,在字符“苹果”与字符“素来”之间显示标识框50f;增加字符“苹果”与字符“的”之间的距离,在字符“苹果”与字符“的”之间显示标识框50g;增加字符“苹果”与字符“还有”之间的距离,在字符“苹果”与字符“还有”之间显示标识框50h;增加字符“苹果”与字符“含”之间的距离,在字符“苹果”与字符“含”之间显示标识框50i。其中,标识框50f、标识框50g、标识框50h以及标识框50i在文本区域50b中的显示大小可以是相同的,标识框的显示大小可以进行预先设定。

用户可以长按图像50d并移动,当用户将图像50d移动至文本区域50b的标识框50f中时,用户松开该图像50d,终端设备10a可以响应该用户针对图像50d的松开操作(可以称为移动结束操作),将图像50d添加在标识框50f所在的标识区域,并在标识框50f所在的标识区域中显示该图像50d,取消显示文本区域50b中的标识框50f、标识框50g、标识框50h以及标识框50i;终端设备10a可以根据图像50d的宽度和高度,调整字符“苹果”与字符“素来”之间距离,以及第一个文本段落中第一行文字与第二行文字之间的距离,在字符“苹果”与字符“素来”之间显示图像50d。当然,终端设备10a还可以将图像50d缩小成一个单位字符的大小,即将图像50d的高度转换成一行文字的高度,字符“苹果”与字符“素来”之间显示压缩后的图像50d,在用户触发压缩后的图像50d后,可以在文本区域50b中显示压缩之前的图像50d。

在本申请实施例中,可以在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像,响应针对图像区域中的目标图像的移动触发操作,可以对目标图像进行识别,得到目标图像对应的图像描述信息,将图像描述信息与文本区域中的文本内容进行匹配,找到与目标图像相匹配的至少一个文字,在每个相匹配文字的显示位置处显示插入区域标识;当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像,其中,目标插入区域标识属于至少一个插入区域标识。可见,在信息发表编辑页面中可以显示文本内容和图像,在用户触发图像移动时,可以对用户所触发的图像进行智能识别,得到该图像的图像描述信息,进而可以基于语义分析从文本内容中确定与该图像相匹配的文字,该图像可以移动至相匹配文字所处的位置,即通过智能识别和语义分析确定目标图像在文本区域中可以插入的位置,实现文本和图像进行混合排列的展示方式,不仅可以丰富发表信息的展示形式,还可以增强文本内容与图像之间的关联性,进而增加发表信息的可阅读性。

请参见图13,是本申请实施例提供的一种数据处理装置的结构示意图。该数据处理装置可以是运行于计算机设备中的一个计算机程序(包括程序代码),例如该数据处理装置为一个应用软件;该装置可以用于执行本申请实施例提供的方法中的相应步骤。如图13所示,该数据处理装置1可以包括:第一显示模块11,第二显示模块12,第三显示模块13;

第一显示模块11,用于在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像;

第二显示模块12,用于响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;

第三显示模块13,用于当检测到目标图像移动至目标插入区域标识对应的标识区域时,在所述目标插入区域标识对应的标识区域中显示所述目标图像;所述目标插入区域标识属于所述至少一个插入区域标识。

其中,第一显示模块11,第二显示模块12,第三显示模块13的具体功能实现方式可以参见上述图3所对应实施例中的步骤s101-步骤s103,这里不再进行赘述。

请一并参见图13,第一显示模块11可以包括:页面显示单元111,图像显示单元112,文本显示单元113,位置调整单元114;

页面显示单元111,用于响应信息发布平台中的信息编辑触发操作,在信息发布平台中显示信息发表编辑页面;信息发表编辑页面包括文本区域和图像区域;

图像显示单元112,用于响应针对图像区域的图像添加操作,在图像区域中显示图像添加操作所上传的目标图像;

文本显示单元113,用于响应针对文本区域的文本输入操作,在文字区域中显示文本输入操作所输入的文本内容,根据文本内容调整信息发表编辑页面中所显示的文本区域的尺寸;

位置调整单元114,用于根据尺寸调整后的文本区域,调整图像区域在信息发表编辑页面中的显示位置。

其中,页面显示单元111,图像显示单元112,文本显示单元113,位置调整单元114的具体功能实现方式可以参见上述图3所对应实施例中的步骤s101,这里不再进行赘述。

请一并参见图13,图像显示单元112可以包括:尺寸获取子单元1121,图像压缩子单元1122;

尺寸获取子单元1121,用于响应针对图像区域的图像添加操作,获取图像添加操作所上传的初始图像,获取初始图像对应的图像初始尺寸;

图像压缩子单元1122,用于当图像初始尺寸与图像区域中的图像显示尺寸不相同时,将初始图像压缩为具有图像显示尺寸的目标图像,在图像区域中显示目标图像。

其中,尺寸获取子单元1121,图像压缩子单元1122的具体功能实现方式可以参见上述图3所对应实施例中的步骤s101,这里不再进行赘述。

请一并参见图13,第二显示模块12可以包括:移动响应单元121,标识显示单元122,图像识别单元123,匹配单元124,位置确定单元125;

移动响应单元121,用于响应针对图像区域中的目标图像的移动触发操作,获取目标图像对应的初始比例,根据初始比例和比例阈值确定发布显示比例,在信息发表编辑页面中将目标图像切换显示为具有发布显示比例的目标图像;初始比例为目标图像对应的初始图像中高度与宽度的比值;

标识显示单元122,用于获取文本内容中的至少一个文本段落分别在文本区域中的末尾排版位置,根据末尾排版位置,在文本区域中显示至少一个插入区域标识;

图像识别单元123,用于响应针对所述图像区域中的所述目标图像的移动触发操作,对所述目标图像进行识别,获取所述目标图像对应的图像描述信息;

匹配单元124,用于将所述文本内容划分为至少两个单位字符,确定所述图像描述信息与所述至少两个单位字符之间的匹配度;

位置确定单元125,用于根据所述匹配度确定与所述目标图像相关联的至少一个目标字符,根据每个目标字符分别在所述文本区域中的显示位置,在所述文本区域中显示所述至少一个插入区域标识。。

其中,移动响应单元121,标识显示单元122的具体功能实现方式可以参见上述图3所对应实施例中的步骤s102,图像识别单元123,匹配单元124,位置确定单元125的具体功能实现方式可以参见上述图11所对应实施例中的步骤s202-步骤s204,这里不再进行赘述。其中,移动响应单元121,标识显示单元122在执行相应的操作时,图像识别单元123,匹配单元124,位置确定单元125均暂停执行操作;当图像识别单元123,匹配单元124,位置确定单元125在执行相应的操作时,移动响应单元121,标识显示单元122均暂停执行操作。

请一并参见图13,移动响应单元121可以包括:第一确定子单元1211,第二确定子单元1212;

第一确定子单元1211,用于若初始比例小于或等于阈值比例,则将初始比例确定为发布显示比例;

第二确定子单元1212,用于若初始比例大于阈值比例,则将比例阈值确定为发布显示比例。

其中,第一确定子单元1211,第二确定子单元1212的具体功能实现方式可以参见上述图3所对应实施例中的步骤s102,这里不再进行赘述。

请一并参见图13,标识显示单元122可以包括:识别子单元1221,间距增加子单元1222;

识别子单元1221,用于识别文本内容中的换行符,根据换行符在文本区域中的位置,确定至少一个文本段落分别在文本区域中的末尾排版位置;

间距增加子单元1222,用于在文本区域的末尾排版位置处增加文本段间距,根据文本段间距,在文本区域中创建并显示至少一个插入区域标识。

其中,识别子单元1221,间距增加子单元1222的具体功能实现方式可以参见上述图3所对应实施例中的步骤s102,这里不再进行赘述。

请一并参见图13,第三显示模块13可以包括:坐标值获取单元131,图像插入单元132,排版调整单元133;

坐标值获取单元131,用于响应针对目标图像的移动结束操作,获取目标图像中的目标点在信息发表编辑页面中的坐标值,获取每个插入区域标识在信息发表编辑页面中所对应的标识区域;

图像插入单元132,用于当坐标值处于标识区域内时,将坐标值所属标识区域对应的插入区域标识确定为目标插入区域标识,在目标插入区域标识对应的标识区域中插入目标图像,取消显示目标插入区域标识;

排版调整单元133,用于根据目标插入区域标识对应的标识区域中所显示的目标图像,对文本区域中所显示的文本内容进行排版调整。

其中,坐标值获取单元131,图像插入单元132,排版调整单元133的具体功能实现方式可以参见上述图3所对应实施例中的步骤s103,这里不再进行赘述。

请一并参见图13,排版调整单元133可以包括:距离调整子单元1331,文本调整子单元1332;

距离调整子单元1331,用于根据目标图像的高度,调整与目标标识框相邻的文本段落之间的距离;

文本调整子单元1332,用于根据距离,对文本区域中所显示的文本内容和目标图像进行排版调整。

其中,距离调整子单元1331,文本调整子单元1332的具体功能实现方式可以参见上述图3所对应实施例中的步骤s103,这里不再进行赘述。

并一并参见图13,该数据处理装置1还可以包括:图像返回模块15;

图像返回模块15,用于当坐标值未处于标识区域时,将目标图像由移动结束操作所停止的位置返回至图像区域。

其中,上述信息发表编辑页面包括图片删除区域时,该数据处理装置1还可以包括:坐标区间获取模块16,删除模块17;

坐标区间获取模块16,用于获取图片删除区域在信息发表编辑页面中的位置坐标区间;

删除模块17,用于当坐标值处于位置坐标区间时,触发信息发表编辑页面中的删除功能;删除功能用于从信息发表编辑页面中删除目标图像。

其中,上述信息发表编辑页面包括信息发表控件时,数据处理装置1还可以包括:发表内容确定模块18,发表模块19;

发表内容确定模块18,用于将排版调整后的文本内容和目标图像确定为目标内容;

发表模块19,用于响应针对信息发表控件的发表触发操作,将目标内容发送至信息发布平台,以使信息发布平台中的终端设备访问目标内容。

其中,图像返回模块15的具体功能实现方式可以参见上述图9所对应的实施例,坐标区间获取模块16,删除模块17的具体功能实现方式可以参见上述图10所对应的实施例,发表内容确定模块18,发表模块19的具体功能实现方式可以参见上述图3所对应实施例中的步骤s103,这里不再进行赘述。

本申请实施例可以在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像,响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;当检测到目标图像移动至目标插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像,其中,目标插入区域标识属于至少一个插入区域标识。可见,在信息发表页面中添加文字和图片后,可以移动目标图片至文本区域中,在文本区域的文本内容中插入图像,并根据所插入的图像,对文本区域中的文本内容和所插入的图像进行排版,将插入图像后的内容进行发表,即可以对文本和图像以混合排列的展示形式进行展示,可以丰富信息的展示形式;在信息发表编辑页面中可以将编辑状态由图配文(图像和文字分区域展示)的状态切换为图文混排状态,可以提高信息编辑效率。

请参见图14,是本申请实施例提供的一种计算机设备的结构示意图。如图14所示,该计算机设备1000可以包括:处理器1001,网络接口1004和存储器1005,此外,上述计算机设备1000还可以包括:用户接口1003,和至少一个通信总线1002。其中,通信总线1002用于实现这些组件之间的连接通信。其中,用户接口1003可以包括显示屏(display)、键盘(keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如wi-fi接口)。存储器1004可以是高速ram存储器,也可以是非不稳定的存储器(non-volatilememory),例如至少一个磁盘存储器。存储器1005可选的还可以是至少一个位于远离前述处理器1001的存储装置。如图14所示,作为一种计算机可读存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及设备控制应用程序。

在如图14所示的计算机设备1000中,网络接口1004可提供网络通讯功能;而用户接口1003主要用于为用户提供输入的接口;而处理器1001可以用于调用存储器1005中存储的设备控制应用程序,以实现:

在信息发表编辑页面的文本区域中显示文本内容,在信息发表编辑页面的图像区域中显示目标图像;

响应针对图像区域中的目标图像的移动触发操作,在文本区域中显示至少一个插入区域标识;

当检测到目标图像移动至插入区域标识对应的标识区域时,在目标插入区域标识对应的标识区域中显示目标图像;目标插入区域标识属于至少一个插入区域标识。

应当理解,本申请实施例中所描述的计算机设备1000可执行前文图3和图11所对应实施例中对数据处理方法的描述,也可执行前文图13所对应实施例中对数据处理装置1的描述,在此不再赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。

此外,这里需要指出的是:本申请实施例还提供了一种计算机可读存储介质,且计算机可读存储介质中存储有前文提及的数据处理装置1所执行的计算机程序,且计算机程序包括程序指令,当处理器执行程序指令时,能够执行前文图3和图11所对应实施例中对数据处理方法的描述,因此,这里将不再进行赘述。另外,对采用相同方法的有益效果描述,也不再进行赘述。对于本申请所涉及的计算机可读存储介质实施例中未披露的技术细节,请参照本申请方法实施例的描述。作为示例,程序指令可被部署在一个计算设备上执行,或者在位于一个地点的多个计算设备上执行,又或者,在分布在多个地点且通过通信网络互连的多个计算设备上执行,分布在多个地点且通过通信网络互连的多个计算设备可以组成区块链系统。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,存储介质可为磁碟、光盘、只读存储存储器(read-onlymemory,rom)或随机存储存储器(randomaccessmemory,ram)等。

以上所揭露的仅为本申请较佳实施例而已,当然不能以此来限定本申请之权利范围,因此依本申请权利要求所作的等同变化,仍属本申请所涵盖的范围。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1