CN112765516A - 页面内容的展示方法和装置、存储介质、电子装置 - Google Patents

页面内容的展示方法和装置、存储介质、电子装置 Download PDF

Info

Publication number
CN112765516A
CN112765516A CN202011585327.1A CN202011585327A CN112765516A CN 112765516 A CN112765516 A CN 112765516A CN 202011585327 A CN202011585327 A CN 202011585327A CN 112765516 A CN112765516 A CN 112765516A
Authority
CN
China
Prior art keywords
content
document
area
format
label
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202011585327.1A
Other languages
English (en)
Inventor
曾鑫鹏
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Weimin Insurance Agency Co Ltd
Original Assignee
Weimin Insurance Agency Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Weimin Insurance Agency Co Ltd filed Critical Weimin Insurance Agency Co Ltd
Priority to CN202011585327.1A priority Critical patent/CN112765516A/zh
Publication of CN112765516A publication Critical patent/CN112765516A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting
    • G06F40/186Templates
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/189Automatic justification
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/20Natural language analysis
    • G06F40/253Grammatical analysis; Style critique

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开了一种页面内容的展示方法和装置、存储介质、电子装置。其中,该方法包括:从目标页面的第一区域获取第一内容,其中,第一内容包括第一格式的格式信息和文档内容,第一格式为第一区域承载的编辑器支持的格式;将第一内容转换为第二格式的第二内容,其中,第二内容包括的第二格式的格式信息与第一内容包括的格式信息不同,第二内容包括的文档内容与第一内容包括的文档内容相同;在目标页面的第二区域显示第三内容,其中,第二区域支持展示第二格式的内容,第三内容是根据第二内容包括的文档内容确定的。本申请解决了相关技术中检测文档错误的效率较低的技术问题。

Description

页面内容的展示方法和装置、存储介质、电子装置
技术领域
本申请涉及互联网领域,具体而言,涉及一种页面内容的展示方法和装置、存储介质、电子装置。
背景技术
相关技术中在生成保险文档、合同文档、用户须知文档等文档时,开发人员先采用特定的编辑器对原始内容进行编辑,在编辑完成后采用特定的工具将原始内容填充至文档模板中,然后对填充后形成的文档进行内容、格式等信息检查,若检测有误则重复上述步骤,直至检查通过。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本申请实施例提供了一种页面内容的展示方法和装置、存储介质、电子装置,以至少解决相关技术中检测文档错误的效率较低的技术问题。
根据本申请实施例的一个方面,提供了一种页面内容的展示方法,包括:从目标页面的第一区域获取第一内容,其中,第一内容包括第一格式的格式信息和文档内容,第一格式为第一区域承载的编辑器支持的格式;将第一内容转换为第二格式的第二内容,其中,第二内容包括的第二格式的格式信息与第一内容包括的格式信息不同,第二内容包括的文档内容与第一内容包括的文档内容相同;在目标页面的第二区域显示第三内容,其中,第二区域支持展示第二格式的内容,第三内容是根据第二内容包括的文档内容确定的。
根据本申请实施例的另一方面,还提供了一种页面内容的展示装置,包括:获取单元,用于从目标页面的第一区域获取第一内容,其中,第一内容包括第一格式的格式信息和文档内容,第一格式为第一区域承载的编辑器支持的格式;转换单元,用于将第一内容转换为第二格式的第二内容,其中,第二内容包括的第二格式的格式信息与第一内容包括的格式信息不同,第二内容包括的文档内容与第一内容包括的文档内容相同;显示单元,用于在目标页面的第二区域显示第三内容,其中,第二区域支持展示第二格式的内容,第三内容是根据第二内容包括的文档内容确定的。
根据本申请实施例的另一方面,还提供了一种存储介质,该存储介质包括存储的程序,程序运行时执行上述的方法。
根据本申请实施例的另一方面,还提供了一种电子装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器通过计算机程序执行上述的方法。
在本申请实施例中,当用户在目标页面的第一区域编辑内容时,获取用户编辑得到的第一内容;将第一内容转换为第二格式的第二内容,并实时地在目标页面的第二区域显示根据第二内容确定的第三内容,这样,用户在编辑的同时即可看到最终的展示结果,便于在编辑的内容出现问题时及时更正,可以解决相关技术中检测文档错误的效率较低的技术问题,进而达到提高文档错误的检测效率的技术效果。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1是根据本申请实施例的页面内容的展示方法的硬件环境的示意图;
图2是根据本申请实施例的一种可选的页面内容的展示方法的流程图;
图3是根据本申请实施例的一种可选的页面内容的展示界面的示意图;
图4是根据本申请实施例的一种可选的页面内容的展示界面的示意图;
图5是根据本申请实施例的一种可选的页面超链接的示意图;
图6是根据本申请实施例的一种可选的页面表格内容的示意图;
图7是根据本申请实施例的一种可选的页面内容的展示方案的示意图;
图8是根据本申请实施例的一种可选的页面内容的管理方案的示意图;
图9是根据本申请实施例的一种可选的页面内容的展示界面的示意图;
图10是根据本申请实施例的一种可选的页面内容的展示装置的示意图;以及,
图11是根据本申请实施例的一种终端的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先,在对本申请实施例进行描述的过程中出现的部分名词或者术语适用于如下解释:
小程序:小程序(如即时通讯应用、搜索应用、购物应用等应用中的小程序)是一种不需要下载安装即可使用的应用,用户可通过扫一扫或搜一下等方式打开应用。
Markdown:Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
静态页:静态页面,即静态网页,是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。
Webview:小程序的开放能力之一,是用于承载HTML网页的容器,会自动铺满整个小程序页面。
在线markdown编辑器:不需要下载或是安装,可在浏览器直接打开的markdown专用编辑器。
markdown解析:通过markdown自身的规则对markdown文本进行切片归纳,然后映射成相应的HTML标签,在此过程中可以加入自用的特殊解析逻辑,以达到定制化的效果。
保险文档:保险产品特性、保险条款、保险属性介绍等保险相关的文档,一般是具有统一且特定的格式及布局,但也可能需要承载部分营销宣传能力。
MongoDB:MongoDB是一个基于分布式文件存储的数据库,,旨在为WEB应用提供可扩展的高性能数据存储解决方案。
根据本申请实施例的一方面,提供了一种页面内容的展示方法的方法实施例。
可选地,在本实施例中,上述页面内容的展示方法可以应用于如图1所示的由终端101和服务器103所构成的硬件环境中。如图1所示,服务器103通过网络与终端101进行连接,可用于为终端或终端上安装的客户端提供服务(如数据处理、管理、保险等服务),可在服务器上或独立于服务器设置数据库105,用于为服务器103提供数据存储服务,上述网络包括但不限于:广域网、城域网或局域网,终端101并不限定于PC、手机、平板电脑等。
本申请实施例的页面内容的展示方法可以由终端101来执行,也可以是由服务器103和终端101共同执行。其中,以由终端101来执行为例,终端101执行本申请实施例的页面内容的展示方法也可以是由安装在其上的客户端(如网页客户端)来执行。图2是根据本申请实施例的一种可选的页面内容的展示方法的流程图,如图2所示,该方法可以包括以下步骤:
步骤S202,客户端从目标页面的第一区域获取第一内容,第一内容包括第一格式的格式信息和文档内容,第一格式为第一区域承载的编辑器支持的格式。
客户端安装在上述终端上,客户端可以为网页客户端,该网页客户端的页面至少包括两个区域,第一区域用于承载在线编辑器(后续以在线markdown编辑器为例进行说明,对于其他类型的在线编辑器,与此类似),所编辑形成的内容即符合编辑器要求的第一格式的内容;第二区域用于在文档模板中实时展示编辑器中的内容。
步骤S204,客户端将第一内容转换为第二格式的第二内容,第二内容包括的第二格式的格式信息与第一内容包括的格式信息不同,第二内容包括的文档内容与第一内容包括的文档内容相同,换言之,此处的内容转换不涉及对第一内容中文档内容本身的转换,仅涉及格式的转换,如将markdown格式的内容转换为HTML格式的内容。
步骤S206,客户端在目标页面的第二区域显示第三内容,第二区域支持展示第二格式的内容,第三内容是根据第二内容包括的文档内容确定的。
第三内容可以为保险文档、合同文档、用户须知文档等文档(后续以保险文档为例进行说明,其他类型的文档与此类似),第三内容的内容主要包括两部分,一部分是直接从第二内容中得到的,这部分内容属于第二内容,另一部分内容是与第二内容中的内容关联的内容(如链接至的图片等),即这部分内容是利用第二内容中的内容间接得到的。
通过上述步骤S202至步骤S206,当用户在目标页面的第一区域编辑内容时,获取用户编辑得到的第一内容;将第一内容转换为第二格式的第二内容,并实时地在目标页面的第二区域显示根据第二内容确定的第三内容,这样,用户在编辑的同时即可看到最终的展示结果,便于在编辑的内容出现问题时及时更正,可以解决相关技术中检测文档错误的效率较低的技术问题,进而达到提高文档错误的检测效率的技术效果。下文结合具体实施方式进一步详述本申请的技术方案:
步骤1,根据文档类型(如保险文档、合同文档、用户须知文档等文档)开发对应的“可拔插”解析逻辑,在需要使用时直接在本地浏览器加载该逻辑即可。
例如,本方案可根据保险文档的实际情况,开发特殊的“可拔插”解析逻辑,在解析特定格式的段落时,会将其转换为保险文档所需的布局及样式,由于逻辑的可拔插性,这种解析也兼容正常的markdown。
本申请开发的配套专用的在线编辑器,无论是技术人员,还是非技术的保险同事也可以通过在线编辑器直接编辑markdown文档,并可以利用编辑器自带的预览窗进行实时预览,确保文档内容及格式的准确。
步骤2,从目标页面的第一区域获取第一内容。
在一个可选的实施例中,此处的第一内容可以是指第一区域中的所有内容,此时在利用第一内容对第二区域的内容进行更新时,相当于对第二区域的整体内容进行更新。
考虑到每次对大量的内容进行重复更新,会浪费较多的资源,在又一个可选的实施例中,可以仅仅更新发生变化的内容。
在从目标页面的第一区域获取第一内容之前,可在目标页面的第二区域显示第四内容,第四内容为根据第一区域的已有内容确定的,已有内容的接收时间早于第一内容的接收时间。
以便于在目标页面的第二区域显示第三内容时,在第二区域显示第四内容的同时,将第三内容更新至第二区域进行显示。
上述的第一内容可以是指第一区域中发生变化的内容(如新增的内容、修改的内容等),此时在利用第一内容对第二区域的内容进行更新时,相当于对第二区域的部分内容进行更新,从而可以节约资源消耗。
步骤3,将第一内容转换为第二格式的第二内容,如将markdown内容转换为HTML格式的内容,主要是保留第一内容中的文档内容,将一些格式信息转为HTML的格式信息。
步骤4,在目标页面的第二区域显示第三内容。
可选地,第二区域内显示有为第二格式的第一文档模板,将第三内容更新至第二区域进行显示可以通过如下步骤41-步骤43实现:
步骤41,获取第三内容中的第一标签和第一标签对应的子内容,如图3左侧所示的“在线申请”、“理赔资料”、“理赔进度查询”等。
步骤42,在第一文档模板中查找与第一标签匹配的第二标签,此处的匹配可以为完全相同,也可以为类似的或者关联的,如图3右侧所示的“在线申请”、“理赔资料”、“理赔进度查询”等。
步骤43,将与第一标签对应的子内容更新至第一文档模板中第二标签所标注的区域进行显示。
在步骤43的方案中,将与第一标签对应的子内容更新至第一文档模板中第二标签所标注的区域进行显示包括但不局限于如下几种情况:
其一是,在第一标签对应的子内容包括文本内容的情况下,将文本内容更新至第一文档模板中第二标签所标注的区域,在该区域进行显示,如图3所示的“重大疾病或轻症急病确诊后…”;
其二是,在第一标签对应的子内容包括与文本内容匹配的超链接的情况下,在将文本内容更新至第一文档模板中第二标签所标注的区域,以在该区域进行显示,在显示的同时,将超链接与文本内容关联,以当文本内容被触发(如点击、触摸等)时按照超链接进行网页跳转,如图4所示的“43种抗癌特效药”,可以通过字体、颜色等将具备超链接的文本与其它文本区别显示;
其三是,在第一标签对应的子内容包括内容链接的情况下,将内容链接所链接的内容(如图片等)更新至第一文档模板中第二标签所标注的区域,以在该区域进行显示;
其四是,在第一标签为表格标签的情况下,将表格标签对应的表格内容更新至第一文档模板中第二标签所标注的区域,以在该区域进行显示,第二标签为第一文档模板中的表格样式中的标签,如图6所示。
步骤5,在目标页面的第二区域显示第三内容的同时或之后,还可在第二区域输入一些特定的内容。
如,在第二区域中第三标签所标注的输入框接收输入的链接信息,第三标签用于表示外部链接;在第二区域中第四标签所标注的输入框接收输入的文本信息,第四标签用于表示文档标题。
步骤6,在将第一内容转换为第二格式的第二内容之后,保存文档内容。
将第三标签和对应的链接信息、第四标签和对应的文本信息、第二内容以及第四内容作为目标文档内容,并将目标文档内容与目标文档标识关联后保存至数据库,数据库用于按照文档标识保存对应的文档内容。
本方案可将markdown文档视作字符串集合,存储在mongoDB等数据库中,并且在存储之前,利用上述方案提及的解析逻辑将markdown字符串解析成HTML格式的字符串,一并存储入库。如此一来,可以直接从数据库中读取相应的内容,甚至可以直接将读取到的HTML拼入相应的展示页面中,不需要读取markdown文件然后再解析。
步骤6,在将文档内容与目标文档标识关联后保存至数据库之后,在需要时可以复用该文档内容。
步骤61,将目标文档内容填充至与第二文档模板,得到属于第二格式的待展示文档,第二文档模板与第一文档模板的模板样式不同,如排版、字体等不同;
步骤62,保存待展示文档,并为待展示文档创建访问链接,用户可以通过该访问链接查看文档;
步骤63,收到终端(如手机、平板)的展示请求,展示请求中携带有目标文档标识;
步骤64,根据目标文档标识确定访问链接,并将访问链接所链接至的待展示文档返回给终端,终端用于在小程序中通过网页组件展示待展示文档。
本方案同时兼容PC端、移动端以及小程序端的使用,由于存储的时候已经是可直接使用的HTML,所以可以通过开发多种模板与从数据库中的HTML结合来满足多端的需求。
在本方案中,存储模式采用的是云数据库储存(而不是本地储存),编辑模式为在线编辑(无需特定编辑软件),使用范围包括小程序、H5、iframe、内部系统等,可设定页面标题、可以设置外部链接重定向、可展示保险文档特有的样式。
作为一种可选的实施例,本方案适用于保险文档或类保险文档的编辑、生成与发布。由于配套开发了在线编辑器,使得保险产品同事也可一同参与编辑,极大提升了保险文档产出效率。下面以在markdown编辑器中编辑保险文档为例,详细介绍如何生成一篇适用于小程序的保险文档。
如图3所示,打开在线编辑器,根据约定好的规则设置contentKey(作为文档存入数据库的唯一标识),并补充文档标题,紧接着就可以在编辑器左侧进行markdown文本的输入。
如图4所示,用户在左侧输入符合markdown语法的文案时,右侧会实时渲染出经过专用解析器解析的文档页面,如此以来,用户可以一边编辑一边预览,方便查错,提升效率。
除了正常的保险文档编辑,还支持超链接以及外部链接跳转,如图5所示,只需要在外部链接输入框中输入目标链接,这样生成的文档页在访问时会自动重定向到目标链接,极大的提升了文档编辑的灵活性。
如图6所示,费率表是十分特殊的保险文档,正常的表现形式是表格,本方案利用了markdown对表格的支持,并更改了渲染出来的样式,使得费率表配置成为可能。
在技术实现时,系统架构和数据流动示意如图7所示,包括用于进行文本编辑的编辑器(具有TEXT、Edit等工具)、对编辑器编辑的内容进行处理(具体的处理方式参见前文描述)的后台部分(如基于web的开发框架Express和数据库MongoDB)、平台的发布和部署这三个部分。
在编辑器前端实现中,在前端部分,如图8所示,本方案借助前端框架React实现了一个专用的在线编辑器(即步骤S202至步骤S206所实现的功能)以及文档管理列表。
在编辑器的开发逻辑中,整个编辑器由一个TextArea标签构成,通过对文本框的输入字符的监听,将数据保存至页面缓存内,并将数据传递到预览组件。
预览组件通过React对数据流变动的通知,可以实时得到文本框内的文本,并将其传入解析方法,最后得到HTML文本,然后将其通过React的HTML插入方法“dangerouslySetInnerHTML”,将HTML文本以DOM元素的形式插入到预览组件中,从而完成markdown预览。
在后台实现的逻辑中,后台部分则是利用NodeJS实现一个文档服务,该服务负责接收前端发送的markdown文本以及解析完成的HTML文本,并结合与之一同传输过来的文档唯一键值contentKey及文档标题title,形成一个文档集合,最终存入到MongoDB数据库中,包括文档id、文档编码productCode、文档唯一键值contentKey、文档标题title、标签列表taglist、文本主体body、时间戳timestamp、网址webURL、状态status、类型type等。
因为数据都储存在数据库中,所以在引用的时候也特别方便,可使用文档的唯一键值在相应的数据库中进行搜索,很容易就能获得所需的Markdown文本及HTML文本,不需要再次读取文件或解析Markdown文本,真正做到了即拿即用。
在小程序的文档浏览实现逻辑中,如果数据仅仅只是存在数据库,在小程序端是无法成功展示,由于小程序还不支持HTML文本的解析,需要想办法将数据库内的HTML文本转换成小程序能够正常展示的,本技术方案中,采用的方案是将数据库内的HTML文本与专用的HTML模板文件结合,生成HTML文档并将其上传至静态资源存储,并按约定好的路径存放,此时每个文档都会有其专属访问链接。
终端的小程序通过web-view组件,利用传入的文档key值(即文档的唯一标识)查找并打开相应的文档访问链接,即可浏览到相应的文档,小程序打开效果如图9所示。
通过本方案,通过markdown语法编辑保险文档,并通过解析器将其解析成小程序可用的保险文档,实现过程大致是:markdown转保险文档编辑器开发,在web端开发一个在线的markdown编辑器,并根据输入的内容实时生成保险文档页面预览;markdown解析器开发:结合markdown语法规则与保险文档的规则,开发出特有的markdown解析器;保险文档页面生成:完成markdown编辑以及解析,需将得到的内容与保险文档模板结合并上传至云端;文档使用方式:在小程序端使用web-view组件承载保险文档页面,不需在小程序端开发与文档逻辑、文档布局相关的能力。
本方案脱离了文件存储的模式,而是采用了数据库存储模式,让数据的存储更加规则,并且可以存储描述性质的拓展数据,这是相关技术所无法达到的,相关技术直接存储的是Markdown文件,故无法将一些描述文档特性的数据写入其中,而本技术方案利用MongoDB作为存储载体则可以很方便的进行数据结构的拓展,并且不会影响Markdown文档本身。
需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
根据本申请实施例的另一个方面,还提供了一种用于实施上述页面内容的展示方法的页面内容的展示装置。图10是根据本申请实施例的一种可选的页面内容的展示装置的示意图,如图10所示,该装置可以包括:
获取单元1001,用于从目标页面的第一区域获取第一内容,其中,所述第一内容包括第一格式的格式信息和文档内容,所述第一格式为所述第一区域承载的编辑器支持的格式。
转换单元1003,用于将所述第一内容转换为第二格式的第二内容,其中,所述第二内容包括的第二格式的格式信息与所述第一内容包括的格式信息不同,所述第二内容包括的文档内容与所述第一内容包括的文档内容相同。
显示单元1005,用于在所述目标页面的第二区域显示第三内容,其中,所述第二区域支持展示所述第二格式的内容,所述第三内容是根据所述第二内容包括的文档内容确定的。
需要说明的是,该实施例中的获取单元1001可以用于执行本申请实施例中的步骤S202,该实施例中的转换单元1003可以用于执行本申请实施例中的步骤S204,该实施例中的显示单元1005可以用于执行本申请实施例中的步骤S206。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现。
通过上述模块,当用户在目标页面的第一区域编辑内容时,获取用户编辑得到的第一内容;将第一内容转换为第二格式的第二内容,并实时地在目标页面的第二区域显示根据第二内容确定的第三内容,这样,用户在编辑的同时即可看到最终的展示结果,便于在编辑的内容出现问题时及时更正,可以解决相关技术中检测文档错误的效率较低的技术问题,进而达到提高文档错误的检测效率的技术效果。
可选地,显示单元还用于在从目标页面的第一区域获取第一内容之前,在所述目标页面的第二区域显示第四内容,其中,所述第四内容为根据所述第一区域的已有内容确定的,所述已有内容的接收时间早于所述第一内容的接收时间;在所述目标页面的第二区域显示第三内容时,在所述第二区域显示所述第四内容的同时,将所述第三内容更新至所述第二区域进行显示。
可选地,所述第二区域内显示有为所述第二格式的第一文档模板,其中,显示单元,还用于在将所述第三内容更新至所述第二区域进行显示时,获取所述第三内容中的第一标签和所述第一标签对应的子内容;在所述第一文档模板中查找与所述第一标签匹配的第二标签;将与所述第一标签对应的子内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示。
可选地,显示单元还用于在将与所述第一标签对应的子内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示时,在所述第一标签对应的子内容包括文本内容的情况下,将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;在所述第一标签对应的子内容包括与所述文本内容匹配的超链接的情况下,在将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示的同时,将所述超链接与所述文本内容关联,以当所述文本内容被触发时按照所述超链接进行网页跳转;在所述第一标签对应的子内容包括内容链接的情况下,将所述内容链接所链接的内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;在所述第一标签为表格标签的情况下,将所述表格标签对应的表格内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示,其中,所述第二标签为所述第一文档模板中的表格样式中的标签。
可选地,本申请的装置还可包括:交互单元,用于在所述目标页面的第二区域显示第三内容的同时或之后,在所述第二区域中第三标签所标注的输入框接收输入的链接信息,其中,所述第三标签用于表示外部链接;在所述第二区域中第四标签所标注的输入框接收输入的文本信息,其中,所述第四标签用于表示文档标题。
可选地,本申请的装置还可包括:存储单元,用于在将所述第一内容转换为第二格式的第二内容之后,将第三标签和对应的链接信息、第四标签和对应的文本信息、所述第二内容以及第四内容作为目标文档内容,并将所述目标文档内容与目标文档标识关联后保存至数据库,其中,所述数据库用于按照文档标识保存对应的文档内容。
可选地,本申请的交互单元还用于在将所述文档内容与目标文档标识关联后保存至数据库之后,将所述目标文档内容填充至与第二文档模板,得到属于所述第二格式的待展示文档,其中,所述第二文档模板与第一文档模板的模板样式不同;保存所述待展示文档,并为所述待展示文档创建访问链接;收到终端的展示请求,其中,所述展示请求中携带有所述目标文档标识;根据所述目标文档标识确定所述访问链接,并将所述访问链接所链接至的所述待展示文档返回给所述终端,其中,所述终端用于在小程序中通过网页组件展示所述待展示文档。
即使小程序自身具有解析markdown文本的能力,但是效率及解析样式仍不符合期望,并且为小程序新增解析markdown的能力也会增加其包体大小,若采用小程序自身的解析能力,则会从“编辑+解析+上传”方式,变为“编辑+小程序解析并渲染”的模式。
此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图1所示的硬件环境中,可以通过软件实现,也可以通过硬件实现,其中,硬件环境包括网络环境。
根据本申请实施例的另一个方面,还提供了一种用于实施上述页面内容的展示方法的服务器或终端。
图11是根据本申请实施例的一种终端的结构框图,如图11所示,该终端可以包括:一个或多个(图中仅示出一个)处理器1101、存储器1103、以及传输装置1105,如图11所示,该终端还可以包括输入输出设备1107。
其中,存储器1103可用于存储软件程序以及模块,如本申请实施例中的页面内容的展示方法和装置对应的程序指令/模块,处理器1101通过运行存储在存储器1103内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的页面内容的展示方法。存储器1103可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器1103可进一步包括相对于处理器1101远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
上述的传输装置1105用于经由一个网络接收或者发送数据,还可以用于处理器与存储器之间的数据传输。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置1105包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置1105为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。
其中,具体地,存储器1103用于存储应用程序。
处理器1101可以通过传输装置1105调用存储器1103存储的应用程序,以执行下述步骤:
从目标页面的第一区域获取第一内容,其中,所述第一内容包括第一格式的格式信息和文档内容,所述第一格式为所述第一区域承载的编辑器支持的格式;
将所述第一内容转换为第二格式的第二内容,其中,所述第二内容包括的第二格式的格式信息与所述第一内容包括的格式信息不同,所述第二内容包括的文档内容与所述第一内容包括的文档内容相同;
在所述目标页面的第二区域显示第三内容,其中,所述第二区域支持展示所述第二格式的内容,所述第三内容是根据所述第二内容包括的文档内容确定的。
处理器1101还用于执行下述步骤:
在所述第一标签对应的子内容包括文本内容的情况下,将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;
在所述第一标签对应的子内容包括与所述文本内容匹配的超链接的情况下,在将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示的同时,将所述超链接与所述文本内容关联,以便于所述文本内容被点击时按照所述超链接进行网页跳转;
在所述第一标签对应的子内容包括内容链接的情况下,将所述内容链接所链接的内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;
在所述第一标签为表格标签的情况下,将所述表格标签对应的表格内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示,其中,所述第二标签为所述第一文档模板中的表格样式中的标签。
可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。
本领域普通技术人员可以理解,图11所示的结构仅为示意,终端可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile InternetDevices,MID)、PAD等终端设备。图11其并不对上述电子装置的结构造成限定。例如,终端还可包括比图11中所示更多或者更少的组件(如网络接口、显示装置等),或者具有与图11所示不同的配置。
本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(RandomAccess Memory,RAM)、磁盘或光盘等。
本申请的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于执行页面内容的展示方法的程序代码。
可选地,在本实施例中,上述存储介质可以位于上述实施例所示的网络中的多个网络设备中的至少一个网络设备上。
可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:
从目标页面的第一区域获取第一内容,其中,所述第一内容包括第一格式的格式信息和文档内容,所述第一格式为所述第一区域承载的编辑器支持的格式;
将所述第一内容转换为第二格式的第二内容,其中,所述第二内容包括的第二格式的格式信息与所述第一内容包括的格式信息不同,所述第二内容包括的文档内容与所述第一内容包括的文档内容相同;
在所述目标页面的第二区域显示第三内容,其中,所述第二区域支持展示所述第二格式的内容,所述第三内容是根据所述第二内容包括的文档内容确定的。
可选地,存储介质还被设置为存储用于执行以下步骤的程序代码:
在所述第一标签对应的子内容包括文本内容的情况下,将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;
在所述第一标签对应的子内容包括与所述文本内容匹配的超链接的情况下,在将所述文本内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示的同时,将所述超链接与所述文本内容关联,以便于所述文本内容被点击时按照所述超链接进行网页跳转;
在所述第一标签对应的子内容包括内容链接的情况下,将所述内容链接所链接的内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示;
在所述第一标签为表格标签的情况下,将所述表格标签对应的表格内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示,其中,所述第二标签为所述第一文档模板中的表格样式中的标签。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述的各种可选实现方式中提供的方法。
可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。
在本申请的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本申请的保护范围。

Claims (10)

1.一种页面内容的展示方法,其特征在于,包括:
从目标页面的第一区域获取第一内容,其中,所述第一内容包括第一格式的格式信息和文档内容,所述第一格式为所述第一区域承载的编辑器支持的格式;
将所述第一内容转换为第二格式的第二内容,其中,所述第二内容包括的第二格式的格式信息与所述第一内容包括的格式信息不同,所述第二内容包括的文档内容与所述第一内容包括的文档内容相同;
在所述目标页面的第二区域显示第三内容,其中,所述第二区域支持展示所述第二格式的内容,所述第三内容是根据所述第二内容包括的文档内容确定的。
2.根据权利要求1所述的方法,其特征在于,在从目标页面的第一区域获取第一内容之前,所述方法还包括:
在所述目标页面的第二区域显示第四内容,其中,所述第四内容为根据所述第一区域的已有内容确定的,所述已有内容的接收时间早于所述第一内容的接收时间;
在所述目标页面的第二区域显示第三内容包括:在所述第二区域显示所述第四内容的同时,将所述第三内容更新至所述第二区域进行显示。
3.根据权利要求2所述的方法,其特征在于,所述第二区域内显示有为所述第二格式的第一文档模板,其中,将所述第三内容更新至所述第二区域进行显示包括:
获取所述第三内容中的第一标签和所述第一标签对应的子内容;
在所述第一文档模板中查找与所述第一标签匹配的第二标签;
将与所述第一标签对应的子内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示。
4.根据权利要求3所述的方法,其特征在于,将与所述第一标签对应的子内容更新至所述第一文档模板中所述第二标签所标注的区域进行显示包括:
在所述第一标签对应的子内容包括文本内容的情况下,将所述文本内容,更新至所述第一文档模板中所述第二标签所标注的区域,进行显示;
在所述第一标签对应的子内容包括与所述文本内容匹配的超链接的情况下,在将所述文本内容,更新至所述第一文档模板中所述第二标签所标注的区域,进行显示的同时,将所述超链接与所述文本内容关联,以当所述文本内容被触发时按照所述超链接进行网页跳转;
在所述第一标签对应的子内容包括内容链接的情况下,将所述内容链接所链接的内容,更新至所述第一文档模板中所述第二标签所标注的区域,进行显示;
在所述第一标签为表格标签的情况下,将所述表格标签对应的表格内容,更新至所述第一文档模板中所述第二标签所标注的区域,进行显示,其中,所述第二标签为所述第一文档模板中的表格样式中的标签。
5.根据权利要求1所述的方法,其特征在于,在所述目标页面的第二区域显示第三内容的同时或之后,所述方法还包括以下至少之一:
在所述第二区域中第三标签所标注的输入框接收输入的链接信息,其中,所述第三标签用于表示外部链接;
在所述第二区域中第四标签所标注的输入框接收输入的文本信息,其中,所述第四标签用于表示文档标题。
6.根据权利要求1至5中任意一项所述的方法,其特征在于,在将所述第一内容转换为第二格式的第二内容之后,所述方法还包括:
将第三标签和对应的链接信息、第四标签和对应的文本信息、所述第二内容以及第四内容作为目标文档内容,并将所述目标文档内容与目标文档标识关联后保存至数据库,其中,所述数据库用于按照文档标识保存对应的文档内容。
7.根据权利要求6所述的方法,其特征在于,在将所述文档内容与目标文档标识关联后保存至数据库之后,所述方法还包括:
将所述目标文档内容填充至与第二文档模板,得到属于所述第二格式的待展示文档,其中,所述第二文档模板与第一文档模板的模板样式不同;
保存所述待展示文档,并为所述待展示文档创建访问链接;
收到终端的展示请求,其中,所述展示请求中携带有所述目标文档标识;
根据所述目标文档标识确定所述访问链接,并将所述访问链接所链接至的所述待展示文档返回给所述终端,其中,所述终端用于在小程序中通过网页组件展示所述待展示文档。
8.一种页面内容的展示装置,其特征在于,包括:
获取单元,用于从目标页面的第一区域获取第一内容,其中,所述第一内容包括第一格式的格式信息和文档内容,所述第一格式为所述第一区域承载的编辑器支持的格式;
转换单元,用于将所述第一内容转换为第二格式的第二内容,其中,所述第二内容包括的第二格式的格式信息与所述第一内容包括的格式信息不同,所述第二内容包括的文档内容与所述第一内容包括的文档内容相同;
显示单元,用于在所述目标页面的第二区域显示第三内容,其中,所述第二区域支持展示所述第二格式的内容,所述第三内容是根据所述第二内容包括的文档内容确定的。
9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,所述程序运行时执行上述权利要求1至7任一项中所述的方法。
10.一种电子装置,包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器通过所述计算机程序执行上述权利要求1至7任一项中所述的方法。
CN202011585327.1A 2020-12-28 2020-12-28 页面内容的展示方法和装置、存储介质、电子装置 Pending CN112765516A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011585327.1A CN112765516A (zh) 2020-12-28 2020-12-28 页面内容的展示方法和装置、存储介质、电子装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011585327.1A CN112765516A (zh) 2020-12-28 2020-12-28 页面内容的展示方法和装置、存储介质、电子装置

Publications (1)

Publication Number Publication Date
CN112765516A true CN112765516A (zh) 2021-05-07

Family

ID=75696566

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011585327.1A Pending CN112765516A (zh) 2020-12-28 2020-12-28 页面内容的展示方法和装置、存储介质、电子装置

Country Status (1)

Country Link
CN (1) CN112765516A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113238706A (zh) * 2021-05-10 2021-08-10 北京字跳网络技术有限公司 一种视图展示方法、装置、设备及介质
CN113535304A (zh) * 2021-07-19 2021-10-22 杭州群核信息技术有限公司 设计软件中插入、展示、编辑第三方模型的方法与装置
CN113779952A (zh) * 2021-09-28 2021-12-10 北京字跳网络技术有限公司 文本处理方法、装置和电子设备
CN113791859A (zh) * 2021-09-14 2021-12-14 阿波罗智联(北京)科技有限公司 数据处理的方法、设备、存储介质、程序产品及电子站牌
CN114564267A (zh) * 2022-02-28 2022-05-31 北京字跳网络技术有限公司 信息处理方法、装置、电子设备和存储介质

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113238706A (zh) * 2021-05-10 2021-08-10 北京字跳网络技术有限公司 一种视图展示方法、装置、设备及介质
CN113535304A (zh) * 2021-07-19 2021-10-22 杭州群核信息技术有限公司 设计软件中插入、展示、编辑第三方模型的方法与装置
CN113535304B (zh) * 2021-07-19 2023-08-25 杭州群核信息技术有限公司 设计软件中插入、展示、编辑第三方模型的方法与装置
CN113791859A (zh) * 2021-09-14 2021-12-14 阿波罗智联(北京)科技有限公司 数据处理的方法、设备、存储介质、程序产品及电子站牌
CN113779952A (zh) * 2021-09-28 2021-12-10 北京字跳网络技术有限公司 文本处理方法、装置和电子设备
CN113779952B (zh) * 2021-09-28 2024-03-01 北京字跳网络技术有限公司 文本处理方法、装置和电子设备
CN114564267A (zh) * 2022-02-28 2022-05-31 北京字跳网络技术有限公司 信息处理方法、装置、电子设备和存储介质
CN114564267B (zh) * 2022-02-28 2024-03-26 北京字跳网络技术有限公司 信息处理方法、装置、电子设备和存储介质

Similar Documents

Publication Publication Date Title
US11694215B2 (en) Systems and methods for managing web content
CN112765516A (zh) 页面内容的展示方法和装置、存储介质、电子装置
CN109918607B (zh) 页面搭建方法及装置、介质和计算设备
US8346803B2 (en) Dynamic generation of target files from template files and tracking of the processing of target files
US20140089786A1 (en) Automated Processor For Web Content To Mobile-Optimized Content Transformation
CN106293675B (zh) 系统静态资源加载方法及装置
US9311303B2 (en) Interpreted language translation system and method
CN108710490B (zh) 一种Web页面的编辑方法和装置
CN112100550A (zh) 一种页面构建方法和装置
US11418622B2 (en) System and methods for web-based software application translation
CN105426508A (zh) 网页生成方法和装置
CN113419729B (zh) 基于组件化的前端页面搭建方法、装置、设备及存储介质
CN111324833A (zh) 页面展示方法、装置、电子设计及计算机可读介质
CN101702641A (zh) 编码方法和网络服务器
CN112527291A (zh) 网页生成方法、装置、电子设备及存储介质
CN113495730A (zh) 资源包的生成及解析方法和装置
CN107368484A (zh) 网页的静态资源文件的压缩方法及装置、获取方法及装置
CN116719523A (zh) 页面渲染方法及电子设备
CN115759029A (zh) 文档模板处理方法、装置、电子设备及存储介质
CN102231150A (zh) 嵌入式浏览器字库管理方法及系统
CN114356291A (zh) 基于配置文件生成表单的方法、装置、设备及介质
US20150324333A1 (en) Systems and methods for automatically generating hyperlinks
CN111310414B (zh) Rdf格式文件的解析方法及生成方法
US11922113B2 (en) Systems, methods, and devices for e-mail rendering
CN115543316A (zh) 一种基于vue的UI库组件效果实时显示方法、装置及应用

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination