CN113569532B - 一种html编辑方法、装置、电子设备及计算机可读存储介质 - Google Patents

一种html编辑方法、装置、电子设备及计算机可读存储介质 Download PDF

Info

Publication number
CN113569532B
CN113569532B CN202111104144.8A CN202111104144A CN113569532B CN 113569532 B CN113569532 B CN 113569532B CN 202111104144 A CN202111104144 A CN 202111104144A CN 113569532 B CN113569532 B CN 113569532B
Authority
CN
China
Prior art keywords
content
result attribute
typesetting
content block
editing operation
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.)
Active
Application number
CN202111104144.8A
Other languages
English (en)
Other versions
CN113569532A (zh
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.)
Beijing Renhe Huizhi Information Technology Co ltd
Original Assignee
Beijing Renhe Huizhi Information Technology 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 Beijing Renhe Huizhi Information Technology Co ltd filed Critical Beijing Renhe Huizhi Information Technology Co ltd
Priority to CN202111104144.8A priority Critical patent/CN113569532B/zh
Publication of CN113569532A publication Critical patent/CN113569532A/zh
Application granted granted Critical
Publication of CN113569532B publication Critical patent/CN113569532B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/103Formatting, i.e. changing of presentation of documents
    • G06F40/109Font handling; Temporal or kinetic typography
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00Handling natural language data
    • G06F40/10Text processing
    • G06F40/166Editing, e.g. inserting or deleting

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Health & Medical Sciences (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)

Abstract

本发明的实施例提供了一种HTML编辑方法、装置、电子设备及计算机可读存储介质,所述方法包括:将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;接收对所述段落文本内容的编辑操作;响应所述编辑操作;基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作。改变HTML编辑时的计算方法与存储结构,实现精细排版要求的在线编辑,同时实现固定排版结果展示HTML,完全保留与呈现编辑后版面特征。

Description

一种HTML编辑方法、装置、电子设备及计算机可读存储介质
技术领域
本发明涉及HTML编辑领域,具体而言,涉及一种HTML编辑方法、装置、电子设备及计算机可读存储介质。
背景技术
HTML在线阅读越来越普及,特别是HTML文档展示自适应各种屏幕终端,给阅读带来很大的方便。
但HTML文档的存储格式和显示并没有完整保持编辑处理时本身的版面特征,特别是针对特定的版面需求的应用场景,比如论文、图书、标准、专利等文档格式的编辑处理。例如:当对论文、图书、标准、专利等文档格式编辑处理后,并不会对排版结果进行存储,在其他编辑器显示该文档内容,则版面会随着屏幕终端的不同或者编辑器的不同发生改变,从而导致排版与编辑后的排版不一致。
发明内容
本发明的目的在于提供一种HTML编辑方法、装置、电子设备及计算机可读存储介质,能够对排版结果进行存储,以实现编辑时的版面与实际显示的版面一致。
为了实现上述目的,本申请实施例采用的技术方案如下:
第一方面,本申请实施例提供了一种HTML编辑方法,所述方法包括:
将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;
接收对所述段落文本内容的编辑操作;
响应所述编辑操作;
基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各所述内容块的第二排版结果属性以及相邻两行之间的行间距;
将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作。
在可选的实施方式中,所述基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各所述内容块的第二排版结果属性以及相邻两行之间的行间距的步骤,包括:
基于所述编辑操作对应的排版算法,确定每行的行文本内容;
获取所述行文本内容在撑满行宽的情况下,所述行文本内容中各内容块中字符元间拉伸的字符元间距,作为第一排版结果属性;
获取相邻两行之间的行间距;
获取各所述内容块的前空和后空,作为第二排版结果属性,其中,所述前空为各所述内容块与第一相邻内容块的距离,所述后空为各内容块与第二相邻内容块的距离,所述第一相邻内容块和所述第二相邻内容块为与所述内容块相邻的内容块。
在可选的实施方式中,所述方法还包括:
在显示编辑后的所述段落文本内容时,获取所述第一排版结果属性、所述第二排版结果属性以及所述行间距;
基于所述第一排版结果属性、所述第二排版结果属性以及所述行间距,显示编辑后所述段落文本内容。
在可选的实施方式中,在所述在显示编辑后的所述段落文本内容时,获取所述第一排版结果属性、所述第二排版结果属性以及所述行间距的步骤之后,所述方法还包括:
当获取到选择忽略所述第一排版结果属性、所述第二排版结果属性以及所述行间距的指令时,将编辑后所述段落文本内容按照非固化排版版面结果显示。
在可选的实施方式中,所述将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作的步骤,包括:
将各内容块的第一排版结果属性、各内容块的所述第二排版结果属性以及所述行间距以层叠样式表进行存储,完成所述编辑操作。
在可选的实施方式中,所述显示属性包括字体、字号、字形、行高、上空以及下空中的至少之一。
第二方面,本申请实施例提供了一种HTML编辑装置,所述装置包括:
划分模块,用于将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性,划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;
接收模块,用于接收对所述段落文本内容的编辑操作;
响应模块,用于响应所述编辑操作;
获取模块,用于基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;
存储模块,用于将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作。
第三方面,本申请实施例提供了一种电子设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现所述HTML编辑方法的步骤。
第四方面,本申请实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现所述HTML编辑方法的步骤。
本申请具有以下有益效果:
本申请通过将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,并且对段落文本内容进行编辑,生成内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;并将编辑后的属性和行间距进行存储。以此改变HTML编辑时的计算方法与存储结构,实现精细排版要求的在线编辑,同时实现固定排版结果展示HTML,完全保留与呈现编辑后版面特征。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本发明实施例提供的电子设备的方框示意图;
图2为本发明实施例提供的一种HTML编辑方法的流程示意图之一;
图3为本发明实施例提供的一种HTML编辑方法的流程示意图之二;
图4为本发明实施例提供的示例的段落文本内容示意图;
图5为本发明实施例提供的段落文本内容的非固化排版版面结果显示示意图;
图6为本发明实施例提供的一种HTML编辑装置的结构框图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。
因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
在本发明的描述中,需要说明的是,若出现术语“上”、“下”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,或者是该发明产品使用时惯常摆放的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。
此外,若出现术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
在本申请的描述中,还需要说明的是,除非另有明确的规定和限定,术语“设置”、“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本申请中的具体含义。
经过发明人大量研究发现,当对论文、图书、标准、专利等文档格式编辑处理后,并不会对排版结果进行存储,在其他编辑器显示该文档内容,则版面会随着屏幕终端的不同或者编辑器的不同发生改变,从而导致排版与编辑后的排版不一致。
有鉴于对上述问题的发现,本实施例提供了一种HTML编辑方法和装置,能够改变HTML编辑时的计算方法与存储结构,实现精细排版要求的在线编辑,同时实现固定排版结果展示HTML,完全保留与呈现编辑后版面特征,下面对本实施例提供的方案进行详细阐述。
本实施例提供一种可以对HTML进行编辑的电子设备。在一种可能的实现方式中,所述电子设备可以为用户终端,例如,电子设备可以是,但不限于,服务器、智能手机、个人电脑(PersonalComputer,PC)、平板电脑、个人数字助理(Personal Digital Assistant,PDA)、移动上网设备(Mobile Internet Device,MID)等。
请参照图1,图1是本申请实施例提供的电子设备100的结构示意图。所述电子设备100还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。
所述电子设备100包括HTML编辑装置110、存储器120及处理器130。
所述存储器120及处理器130各元件相互之间直接或间接地电性连接,以实现数据的传输或交互。例如,这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述HTML编辑装置110包括至少一个可以软件或固件(firmware)的形式存储于所述存储器120中或固化在所述电子设备100的操作系统(operating system,OS)中的软件功能模块。所述处理器130用于执行所述存储器120中存储的可执行模块,例如所述HTML编辑装置110所包括的软件功能模块及计算机程序等。
其中,所述存储器120可以是,但不限于,随机存取存储器(RandomAccess Memory,RAM),只读存储器(Read Only Memory,ROM),可编程只读存储器(Programmable Read-OnlyMemory,PROM),可擦除只读存储器(Erasable ProgrammableRead-Only Memory,EPROM),电可擦除只读存储器(Electric Erasable ProgrammableRead-Only Memory,EEPROM)等。其中,存储器120用于存储程序,所述处理器130在接收到执行指令后,执行所述程序。
请参照图2,图2为应用于图1的电子设备100的一种HTML编辑方法的流程图,以下将方法包括各个步骤进行详细阐述。
步骤201:将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块。
其中,相邻的内容块之间具备不同的显示属性。
步骤202:接收对段落文本内容的编辑操作。
步骤203:响应编辑操作;
步骤204:基于编辑操作对应的排版算法,获取内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距。
步骤205:将第一排版结果属性、第二排版结果属性以及行间距进行存储,完成编辑操作。
需要说明的是,相邻的内容块之间具备不同的显示属性,例如,段落文本内容为“你好100”,则按照显示属性,将“你好100”划分为两个内容块。其中“你好”为一个内容块,“100”为另一个内容块。
显示属性包括字体、字号、字形、行高、上空以及下空中的至少之一。
当段落文本内容之间存在不同字体时,则划分为不同的内容块,当段落文本内容之间存在不同字号时,则划分为不同的内容块。
例如:段落文本内容为“你好100你好”,该段落文本内容划分为“你好”“100”“你好”三个内容块,其中,“你好”和“100”相邻两个内容块之间的显示属性不同,“100”和“你好”之间的显示属性不同。
对HTML文段段落节点的段落文本内容进行编辑,其中编辑操作可以为悬挂缩进的方式对齐、左对齐、右对齐等,本发明实施例对编辑操作不做具体限制。
响应编辑操作,基于编辑操作对应的排版算法,以行为基本单元,针对每个内容块,实时计算内容块相应的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距。其中,第一排版属性、第二排版属性包括字符元之间的间距、内容块的前空和后空、字符元宽等属性。
其中,段落文本内容为汉字时,字符元为单个汉字。当段落文本内容为英文段落时,字符元为单个英文单词。
第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距以CSS样式进行存储,该存储方式不会细分到每一个字符元每一个空,而是以内容块为单位进行存储,以降低存储容量。
CSS (Cascading Style Sheets,层叠样式表)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
HTML存储时,保存每一个内容块的全部显示属性和第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距。
将内容块的全部显示属性和第一排版结果属性、各内容块的第二排版属性以及相邻两行之间的行间距进行存储,在后续显示时,可以按照编辑后的排版进行显示。
本申请通过将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,并且对段落文本内容进行编辑,生成内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;并将编辑后的属性和行间距进行存储。以此改变HTML编辑时的计算方法与存储结构,实现精细排版要求的在线编辑,同时实现固定排版结果展示HTML,完全保留与呈现编辑后版面特征。
在另一实施例中,如图3所示,为本发明提供的一种HTML编辑方法的流程示意图,所述方法包括以下步骤:
步骤301:将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块。
步骤302:接收对段落文本内容的编辑操作。
步骤303:响应编辑操作;
步骤304:基于编辑操作对应的排版算法,确定每行的行文本内容。
排版算法为编辑器中存储的算法,编辑操作的不同,排版算法不同。
步骤305:获取行文本内容在撑满行宽的情况下,行文本内容中各内容块中字符元间拉伸的字符元间距,作为第一排版结果属性。
步骤306:获取相邻两行之间的行间距。
步骤307:获取各所述内容块的前空和后空,作为第二排版结果属性。
其中,前空为各内容块与第一相邻内容块的距离,后空为各内容块与第二相邻内容块的距离,第一相邻内容块和第二相邻内容块为与内容块相邻的内容块。
步骤308:将第一排版结果属性、第二排版结果属性以及行间距进行存储,完成编辑操作。
需要说明的是,显示属性包括字体、字号、字形、行高、上空以及下空中的至少之一。
例如:如图4所示,为示例的段落文本内容,将“段落文本一:”与“段落文本二:”文字,各自形成独立的内容块,内容块的字符元间距取默认值,不做任何变化处理,以此确保“段落文本一:”不会因为两端对齐需求导致拉宽从而与下面的“段落文本二:”无法完全对齐。分解“段落文本一:”后的段落为不同的内容块,如“第一个内容块”、“TextContent 1”、“第二个内容块”、“TextContent 2”、“第三个内容块”、“TextContent 3”、“第四个内容块”、“TextContent 4”、“第五个内容块”、“TextContent 5”、“第六个内容块” 、“TextContent6”等。
将段落文本内容采用悬挂缩进的方式对齐,“段落文本一:”后的段落文字,确定第一行的结束换行字符元,如图4中的“第四个”中的“个”字,获取从“第一个内容块”开始,一直到结尾的“第四个”,在撑满行宽的情况下,各块的字符元间的可拉伸字符元间距。
存储各内容块的第一排版结果属性、相邻两个内容块之间的第二排版结果属性以及相邻两行之间的行间距,比如“第一个内容块”内容块的前后间距、字符元间距等。
例如“你好100”,将段落文本内容划分为“你好”内容块和“100”内容块,确定内容块“你好”与你好之前的内容块的距离,以及与“100”之间的距离,作为内容块“你好”的第二排版结果属性。
在步骤308之后,在显示编辑后的段落文本内容时,获取第一排版结果属性、第二排版结果属性以及行间距;基于第一排版结果属性、第二排版结果属性以及行间距,显示编辑后段落文本内容。
在HTML显示时,加载各内容块的第一排版结果属性、相邻两个内容块之间的第二排版结果属性以及相邻两行之间的行间距,因为各数据内容块独立约束,因此显示时与编辑排版结果保持一致。
当获取到选择忽略第一排版结果属性、第二排版结果属性以及行间距的指令时,将编辑后段落文本内容按照非固化排版版面结果显示。
在HTML显示时,忽略排版的第一排版结果属性、第二排版结果属性以及行间距,回归到可非固化排版版面结果显示。
如图5所示,为段落文本内容的非固化排版版面结果显示示意图。
具体地,对于一行文本内容进行排版:
设行宽为W,根据显示属性差异包含n个内容块Bi(i=1,n)。
获取每个内容块Bi的前空MLi和后空MRi,Bi的宽度为WBi,则:一行文本内容的宽为:
Figure M_211124150854671_671064001
对于内容块Bi,设包含mi个字符元Cj(j=1,mi),宽为
Figure M_211124150854827_827376001
获取每个字符元Cj的前空MLii和后空MRii,Bi的宽度为WBi,则内容块Bi的宽为:
Figure M_211124150854905_905501001
转换后一行文本内容的宽为:
Figure M_211124150854999_999675001
;
因此,一行文字通过排版算法转换后,其一行文本内容的宽度累计显示为:
{MLB1+[(MLC11+W C11+MLC11)+ … +(MLC1m1+WC1m1+MLC1m1)]+MRB1+ … MLBn+[(MLCn1+W Cn1+MLCn1)+ … +(MLCnmn+WCnmn+MLCnmn)+MRBn]。
一般情况下,内容块与内容块之间的MLBi和MRBi为均值,设为MLB和MRB;同一内容块中字符元与字符元之间的MLCij和MRCij为均值,设为MLCi和MRCi,则上述表达式简化为:
{MLB+[(MLC1+WC11+MLC1)+ … +(MLC1+WC1m1+MLC1)]+MRB+ … MLB+[(MLCn+W Cn1+MLCn)+… +(MLCn+WCnmn+MLCn)+MRB]
同一内容块的字符元的宽度WCij及其他属性通常可由字体、字号等显示属性确定,设对应CSS的属性ViewStyle,记为VSi(比如:style="font-family:Times New Roman;font-size:12pt;")。设内容块Bi中字符元的MLC和MRC在HTML编辑器中CSS的属性FirstTypesettingStyle,记为FTSi,设内容块Bi的MLB和MRB在HTML编辑器中CSS的属性SecondTypesettingStyle,记为STSi,则该行存储可表达为:
<span class="VS1 FTS1 STS1">B1</span> … <span class="VSn FTSn STSn">Bn</span>;
将上面的内容用于显示时,则显示结果可保持固化的版面特征;将上面的FirstTypesettingStyle和SecondTypesettingStyle忽略用于显示时,则脱离版面约束,用于非固化排版版面结果显示:
<span class="VS1">B1</span> … <span class="VSn">Bn</span>。
本申请通过将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,并且对段落文本内容进行编辑,生成内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;并将编辑后的属性和行间距进行存储。以此改变HTML编辑时的计算方法与存储结构,实现精细排版要求的在线编辑,同时实现固定排版结果展示HTML,完全保留与呈现编辑后版面特征。
请参照图6,本申请实施例还提供了一种应用于图1所述电子设备100的HTML编辑装置110,所述HTML编辑装置110包括:
划分模块111,用于将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性,划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;
接收模块112,用于接收对所述段落文本内容的编辑操作;
响应模块113,用于响应所述编辑操作;
获取模块114,用于基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;
存储模块115,用于将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作。
可选地,在一些可能的实现方式中,所述获取模块114具体包括:
基于所述编辑操作对应的排版算法,确定每行的行文本内容;
获取所述行文本内容在撑满行宽的情况下,所述行文本内容中各内容块中字符元间拉伸的字符元间距,作为第一排版结果属性;
获取相邻两行之间的行间距;
获取各所述内容块的前空和后空,作为第二排版结果属性,其中,所述前空为各所述内容块与第一相邻内容块的距离,所述后空为各内容块与第二相邻内容块的距离,所述第一相邻内容块和所述第二相邻内容块为与所述内容块相邻的内容块。
可选地,在一些可能的实现方式中,所述装置还包括:
属性获取模块116,用于在显示编辑后的所述段落文本内容时,获取所述第一排版结果属性、所述第二排版结果属性以及所述行间距;
第一显示模块117,用于基于所述第一排版结果属性、所述第二排版结果属性以及所述行间距,显示编辑后所述段落文本内容。
可选地,在一些可能的实现方式中,所述装置还包括:
第二显示模块118,用于当获取到选择忽略所述第一排版结果属性、所述第二排版结果属性以及所述行间距的指令时,将编辑后所述段落文本内容按照非固化排版版面结果显示。
可选地,在一些可能的实现方式中,所述存储模块115具体用于:
将各内容块的第一排版结果属性、各内容块的所述第二排版结果属性以及所述行间距以层叠样式表进行存储,完成所述编辑操作。
可选地,在一些可能的实现方式中,所述显示属性包括字体、字号、字形、行高、上空以及下空中的至少之一。
本申请还提供一种电子设备100,电子设备100包括处理器130以及存储器120。存储器120存储有计算机可执行指令,计算机可执行指令被处理器130执行时,实现该HTML编辑方法。
本申请实施例还提供一种计算机可读存储介质,存储介质存储有计算机程序,计算机程序被处理器130执行时,实现该HTML编辑方法。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现方式中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
另外,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上所述,仅为本申请的各种实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应所述以权利要求的保护范围为准。

Claims (7)

1.一种HTML编辑方法,其特征在于,所述方法包括:
将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;
接收对所述段落文本内容的编辑操作;
响应所述编辑操作;
基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各所述内容块的第二排版结果属性以及相邻两行之间的行间距;
将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作;
其中,所述基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各所述内容块的第二排版结果属性以及相邻两行之间的行间距的步骤,包括:
基于所述编辑操作对应的排版算法,确定每行的行文本内容;
获取所述行文本内容在撑满行宽的情况下,所述行文本内容中各内容块中字符元间拉伸的字符元间距,作为第一排版结果属性;
获取相邻两行之间的行间距;
获取各所述内容块的前空和后空,作为第二排版结果属性,其中,所述前空为各所述内容块与第一相邻内容块的距离,所述后空为各内容块与第二相邻内容块的距离,所述第一相邻内容块和所述第二相邻内容块为与所述内容块相邻的内容块;
所述将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作的步骤,包括:
将各内容块的第一排版结果属性、各内容块的所述第二排版结果属性以及所述行间距以层叠样式表进行存储,完成所述编辑操作。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在显示编辑后的所述段落文本内容时,获取所述第一排版结果属性、所述第二排版结果属性以及所述行间距;
基于所述第一排版结果属性、所述第二排版结果属性以及所述行间距,显示编辑后所述段落文本内容。
3.根据权利要求2所述的方法,其特征在于,在所述在显示编辑后的所述段落文本内容时,获取所述第一排版结果属性、所述第二排版结果属性以及所述行间距的步骤之后,所述方法还包括:
当获取到选择忽略所述第一排版结果属性、所述第二排版结果属性以及所述行间距的指令时,将编辑后所述段落文本内容按照非固化排版版面结果显示。
4.根据权利要求1所述的方法,其特征在于,所述显示属性包括字体、字号、字形、行高、上空以及下空中的至少之一。
5.一种HTML编辑装置,其特征在于,所述装置包括:
划分模块,用于将HTML文档段落节点的段落文本内容,按照文本字符元对象的显示属性,划分为不同的内容块,其中,相邻的内容块之间具备不同的显示属性;
接收模块,用于接收对所述段落文本内容的编辑操作;
响应模块,用于响应所述编辑操作;
获取模块,用于基于所述编辑操作对应的排版算法,获取所述内容块的第一排版结果属性、各内容块的第二排版结果属性以及相邻两行之间的行间距;
存储模块,用于将所述第一排版结果属性、所述第二排版结果属性以及所述行间距进行存储,完成所述编辑操作;
其中,所述获取模块具体用于:
基于所述编辑操作对应的排版算法,确定每行的行文本内容;
获取所述行文本内容在撑满行宽的情况下,所述行文本内容中各内容块中字符元间拉伸的字符元间距,作为第一排版结果属性;
获取相邻两行之间的行间距;
获取各所述内容块的前空和后空,作为第二排版结果属性,其中,所述前空为各所述内容块与第一相邻内容块的距离,所述后空为各内容块与第二相邻内容块的距离,所述第一相邻内容块和所述第二相邻内容块为与所述内容块相邻的内容块;
所述存储模块具体用于:
将各内容块的第一排版结果属性、各内容块的所述第二排版结果属性以及所述行间距以层叠样式表进行存储,完成所述编辑操作。
6.一种电子设备,其特征在于,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现权利要求1-4任一项所述方法的步骤。
7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1-4中任一项所述方法的步骤。
CN202111104144.8A 2021-09-22 2021-09-22 一种html编辑方法、装置、电子设备及计算机可读存储介质 Active CN113569532B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111104144.8A CN113569532B (zh) 2021-09-22 2021-09-22 一种html编辑方法、装置、电子设备及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111104144.8A CN113569532B (zh) 2021-09-22 2021-09-22 一种html编辑方法、装置、电子设备及计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN113569532A CN113569532A (zh) 2021-10-29
CN113569532B true CN113569532B (zh) 2022-01-25

Family

ID=78173876

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111104144.8A Active CN113569532B (zh) 2021-09-22 2021-09-22 一种html编辑方法、装置、电子设备及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN113569532B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014206169A1 (zh) * 2013-06-28 2014-12-31 优视科技有限公司 基于html5的网页文字元素绘制方法、装置及存储介质
CN104298725A (zh) * 2014-09-25 2015-01-21 宇威科技发展(青岛)有限公司 在线课件开发系统一次性编辑输入多版本输出的方法
CN105446946A (zh) * 2014-07-17 2016-03-30 阿里巴巴集团控股有限公司 版式文档的重排方法、系统及电子阅读终端
CN109783792A (zh) * 2018-12-13 2019-05-21 方正璞华软件(武汉)股份有限公司 图文排版方法及装置
CN111191079A (zh) * 2019-12-25 2020-05-22 中国平安财产保险股份有限公司 一种文档内容获取方法、装置、设备及存储介质
CN111814429A (zh) * 2020-07-30 2020-10-23 深圳壹账通智能科技有限公司 文章排版方法、装置、终端设备及存储介质
CN113111624A (zh) * 2021-04-19 2021-07-13 北京字节跳动网络技术有限公司 一种文本显示方法、装置、电子设备及存储介质

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5594809A (en) * 1995-04-28 1997-01-14 Xerox Corporation Automatic training of character templates using a text line image, a text line transcription and a line image source model
JP4733415B2 (ja) * 2005-04-05 2011-07-27 シャープ株式会社 電子文書の表示装置及び方法、並びにコンピュータプログラム
CN100552671C (zh) * 2007-12-29 2009-10-21 北京大学 一种预排版的实现方法及系统
CN105045776B (zh) * 2015-09-07 2017-10-24 武汉大学 一种页面自动排版方法
CN105260352A (zh) * 2015-09-20 2016-01-20 杭州电子科技大学 一种流式文本的自动排版方法
CN108710490B (zh) * 2017-04-12 2022-06-07 北京京东尚科信息技术有限公司 一种Web页面的编辑方法和装置
CN108279932B (zh) * 2018-01-22 2021-05-25 北京奇艺世纪科技有限公司 一种移动终端动态配置用户界面方法和装置
CN108170660B (zh) * 2018-01-22 2021-08-06 北京百度网讯科技有限公司 多语言排版的显示方法、装置、浏览器、终端及介质
CN108346035A (zh) * 2018-02-13 2018-07-31 北京仁和汇智信息技术有限公司 一种用于科技期刊论文的数字出版系统
CN109657220A (zh) * 2018-12-11 2019-04-19 万兴科技股份有限公司 Pdf文档的在线编辑方法、装置及电子设备
CN113221506A (zh) * 2021-05-14 2021-08-06 北京有竹居网络技术有限公司 一种讲义排版的方法、装置、电子设备及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2014206169A1 (zh) * 2013-06-28 2014-12-31 优视科技有限公司 基于html5的网页文字元素绘制方法、装置及存储介质
CN105446946A (zh) * 2014-07-17 2016-03-30 阿里巴巴集团控股有限公司 版式文档的重排方法、系统及电子阅读终端
CN104298725A (zh) * 2014-09-25 2015-01-21 宇威科技发展(青岛)有限公司 在线课件开发系统一次性编辑输入多版本输出的方法
CN109783792A (zh) * 2018-12-13 2019-05-21 方正璞华软件(武汉)股份有限公司 图文排版方法及装置
CN111191079A (zh) * 2019-12-25 2020-05-22 中国平安财产保险股份有限公司 一种文档内容获取方法、装置、设备及存储介质
CN111814429A (zh) * 2020-07-30 2020-10-23 深圳壹账通智能科技有限公司 文章排版方法、装置、终端设备及存储介质
CN113111624A (zh) * 2021-04-19 2021-07-13 北京字节跳动网络技术有限公司 一种文本显示方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN113569532A (zh) 2021-10-29

Similar Documents

Publication Publication Date Title
CN107704576B (zh) 数据展示优化方法、装置、终端设备及存储介质
CN107656914B (zh) 可配置化的表格生成方法、装置、终端设备及存储介质
US20150205797A1 (en) Identifying a set of related visible content elements in a markup language document
WO2015196822A1 (zh) 一种网页适应屏幕排版方法及装置
CN104820589B (zh) 一种动态适配网页的方法及其装置
CN106294301B (zh) 报表生成方法和装置
WO2015078159A1 (zh) 网页显示方法及装置
CN111104557A (zh) 基于标准文档标记语言规范的异构文档处理系统及方法
KR102574306B1 (ko) 동적 조판
CN115543238B (zh) 一种浏览器页面打印方法、装置、设备及存储介质
CN104516868B (zh) 一种版面空格的流式还原方法与系统
CN112799670B (zh) 一种统一多端逻辑开发的方法及系统
CN113569532B (zh) 一种html编辑方法、装置、电子设备及计算机可读存储介质
US8140957B2 (en) Technique for controlling screen display
US7620903B1 (en) Simplified implementation of adaptable user interfaces
CN111783007B (zh) 一种显示渲染方法、装置、电子设备及存储介质
US20240143898A1 (en) Content typesetting method and apparatus, computer device, and storage medium
CN111143749A (zh) 一种网页展示方法、装置、设备及存储介质
CN108304118B (zh) 截图方法及装置
CN113962193A (zh) 表格排版方法、装置、电子设备及存储介质
EP2310963B1 (en) Information output apparatus, information output method, and recording medium
CN109284481B (zh) 一种提示文本处理方法、装置及计算机可读存储介质
CN114625465B (zh) 基于rn组件的文本展示方法及装置、设备、存储介质
CN110673903A (zh) 一种阅读软件的书架页面的显示方法和装置
US20230306186A1 (en) Text content presentation method and apparatus, and computing device and storage medium

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
GR01 Patent grant
GR01 Patent grant