文档格式数据加载渲染方法、终端、介质及web编辑器技术

本发明专利技术提供一种文档格式数据加载渲染方法、终端、介质及web编辑器，通过将读取的文档文件拆分为用于依次在每个页面按前后顺序排列的多个矩形块，再从文档文件中最后一个矩形块开始从后向前依次对各矩形块进行解析获取最后一个页面的各矩形块的内容数据与排版数据以及其他页面的各矩形块的排版数据，对各矩形块排版，再对最后一个页面渲染获得对应的svg页面，并在最后一个页面的svg页面渲染完毕后，依次对其他页的各矩形块进行内容数据的解析，以供对其他页进行渲染获得相应的svg页面。本发明专利技术实现了在排版位置是不变化的情况下，加快文档的解析与渲染速度，提升用户体验。提升用户体验。提升用户体验。

【技术实现步骤摘要】
文档格式数据加载渲染方法、终端、介质及web编辑器


[0001]本专利技术涉及文件格式数据处理领域，特别是涉及一种文档格式数据加载渲染方法、终端、介质及web编辑器。

技术介绍

[0002]文件格式数据是指电脑为了存储某些信息，而对信息使用的特殊编码，常用的文件格式有二进制编码和文本编码两种。数据被编码后，会以某种文件格式保存在电脑中。每一种文件格式通常会有一种或多种扩展名可以用来识别。扩展名可以帮助应用程序识别对应的文件格式。
[0003]编辑器打开文件格式，会以流式方式读取解析数据，然后在一个固定版面内呈现样式，排版布置各种不同类型的数据，如数字、文字、表格、图形和影像等等。这是通过将文件格式数据的逆向序列化，解析完后，再通过渲染引擎来完成最终页面布局，从而呈现出最终的显示的效果。该过程会伴随文件格式数据的增多导致速度下降，耗时增加，在对性能要求较高的业务场景中，这会比较严重的影响用户体验。通常原因在于，常规的EMR业务流程中，一般是以流式的方式，从文档开始一直进行文件数据的解析，这种方式需要对整个文件的数据进行解析，然后才能渲染文件内容。这种模式会将大量的时间消耗在文件数据的解析跟加载流程上。
[0004]但是在实际的业务领域中，比如电子病历文件中，用户关注的往往只是文件最后的一部分数据。比如一份20页的文档，用户重新打开进行编辑的时候，可能只对最后的2
‑
3页的文档数据有兴趣，因为用户编辑最新的文档内容的时候，只需要参考前几天的记录。但是，最后这2
‑
3页的数据的排版位置是不能变化的，也就是说原来这些数据是出现在第19页，现在仍然需要保持住该位置，因为录入的文字是需要被打印的，一旦排版位置发生了变化，则无法实现一些特殊的业务，比如续打。

技术实现思路

[0005]鉴于以上所述现有技术的缺点，本专利技术的目的在于提供一种文档格式数据加载渲染方法、终端、介质及web编辑器，用于解决以上现有技术问题。
[0006]为实现上述目的及其他相关目的，本专利技术提供一种文档格式数据加载渲染方法，应用于基于svg渲染的web编辑器，所述方法包括：将读取的文档文件拆分为用于依次在每个页面按前后顺序排列的多个矩形块；其中，每个矩形块包括：内容数据以及排版数据；从文档文件中最后一个矩形块开始从后向前依次对各矩形块进行解析获取最后一个页面的各矩形块的内容数据与排版数据以及其他页面的各矩形块的排版数据；利用对各矩形块解析获得的数据，对最后一个页面的各矩形块进行内容与位置排版以及对其他页面的各矩形块仅进行位置排版；基于排版后获得的最后一个页面的页面内容数据，渲染获得对应最后一个页面的svg页面；在最后一个页面的svg页面渲染完毕后，从后向前依次对其他页的各矩形块进行内容与排版数据解析以及内容排版，以供在用户滚动页面至其他页时，基于排
版后对应页面的页面内容数据对对应页进行渲染获得相应的svg页面。
[0007]于本专利技术的一实施例中，所述排版数据包括：矩形块的开始位置与结束位置、宽度、高度以及所在页面。
[0008]于本专利技术的一实施例中，所述利用对各矩形块解析获得的数据，对最后一个页面的各矩形块进行内容与位置排版以及对其他页面仅进行位置排版包括：对页眉与页脚进行内容以及位置排版，并计算正文位置；利用对各矩形块解析获得的数据对最后一个页面的各矩形块在正文位置进行内容与位置排版以及对其他页面在正文位置仅进行位置排版。
[0009]于本专利技术的一实施例中，所述利用对各矩形块解析获得的数据对最后一个页面的各矩形块在正文位置进行内容与位置排版以及对其他页面在正文位置仅进行位置排版包括：基于最后一个页面的各矩形块的内容数据以及排版数据，对最后一个页面的各矩形块在正文位置进行内容与位置排版，以供在渲染时在最后一个页面显示对应矩形块的区域以及内容；基于其他页的各矩形块的排版数据，对其他页面的各矩形块在正文位置仅进行位置排版，保留对应矩形块在对应页面的位置，以供在对应页面仅显示对应矩形块的区域。
[0010]于本专利技术的一实施例中，对页眉页脚进行内容以及位置排版的方式包括：基于页眉和页脚的高与宽以及分别设置的页眉和页脚的开始位置和结束位置，分别计算页眉与页脚的可编辑区域；对页眉以及页脚的内容从开始位置到结束位置进行计算，以在可编辑区域进行排版分。
[0011]于本专利技术的一实施例中，所述基于排版后获得的最后一个页面的排版数据，渲染获得对应最后一个页面的svg页面包括：设置最后一个页面渲染的svg页面布局；基于所述svg页面布局，对排版后获得的最后一个页面的页面内容数据进行渲染，获得对应最后一个页面的svg页面。
[0012]于本专利技术的一实施例中，所述文档文件为二进制的数据流格式。
[0013]为实现上述目的及其他相关目的，本专利技术提供一种基于svg渲染的web编辑器，其包括：文件拆分模块，用于将读取的文档文件拆分为用于依次在每个页面按前后顺序排列的多个矩形块；其中，每个矩形块包括：内容数据以及排版数据；矩形块解析模块，连接所述文件拆分模块，用于从文档文件中最后一个矩形块开始从后向前依次对各矩形块进行解析获取最后一个页面的各矩形块的内容数据与排版数据以及其他页面的各矩形块的排版数据；排版模块，连接所述矩形块解析模块，用于利用对各矩形块解析获得的数据，对最后一个页面的各矩形块进行内容与位置排版以及对其他页面的各矩形块仅进行位置排版；渲染模块，连接所述排版模块，用于基于排版后获得的最后一个页面的页面内容数据，渲染获得对应最后一个页面的svg页面；所述矩形块解析模块还用于在最后一个页面的svg页面渲染完毕后，从后向前依次对其他页的各矩形块进行内容与排版数据解析，以供排版模块对对应矩形块进行内容排版，使在用户滚动页面至其他页时，所述渲染模块基于排版后对应页面的页面内容数据对对应页进行渲染获得相应的svg页面。
[0014]为实现上述目的及其他相关目的，本专利技术提供一种快速加载渲染文档格式数据的终端，包括：一或多个存储器及一或多个处理器；所述一或多个存储器，用于存储计算机程序；所述一或多个处理器，连接所述存储器，用于运行所述计算机程序以执行所述文档格式数据加载渲染方法。
[0015]为实现上述目的及其他相关目的，本专利技术提供一种计算机可读存储介质，存储有
某种构成要素时，只要没有特别相反的记载，则并非将其它构成要素，排除在外，而是意味着可以还包括其它构成要素。
[0029]其中提到的第一、第二及第三等术语是为了说明多样的部分、成分、区域、层及/或段而使 用的，但并非限定于此。这些术语只用于把某部分、成分、区域、层或段区别于其它 部分、成分、区域、层或段。因此，以下叙述的第一部分、成分、区域、层或段在不 超出本专利技术范围的范围内，可以言及到第二部分、成分、区域、层或段。
[0030]再者，如同在本文中所使用的，单数形式“一”、“一个”和“该”旨在也包括复数形式，除非上下文中有相反的指示。应当进一步理解，术语“包含”、“包括”表明存在所述的特征、操作、本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种文档格式数据加载渲染方法，其特征在于，应用于基于svg渲染的web编辑器，所述方法包括：将读取的文档文件拆分为用于依次在每个页面按前后顺序排列的多个矩形块；其中，每个矩形块包括：内容数据以及排版数据；从文档文件中最后一个矩形块开始从后向前依次对各矩形块进行解析获取最后一个页面的各矩形块的内容数据与排版数据以及其他页面的各矩形块的排版数据；利用对各矩形块解析获得的数据，对最后一个页面的各矩形块进行内容与位置排版以及对其他页面的各矩形块仅进行位置排版；基于排版后获得的最后一个页面的页面内容数据，渲染获得对应最后一个页面的svg页面；在最后一个页面的svg页面渲染完毕后，从后向前依次对其他页的各矩形块进行内容与排版数据解析以及内容排版，以供在用户滚动页面至其他页时，基于排版后对应页面的页面内容数据对对应页进行渲染获得相应的svg页面。2.根据权利要求1中所述的文档格式数据加载渲染方法，其特征在于，所述排版数据包括：矩形块的开始位置与结束位置、宽度、高度以及所在页面。3.根据权利要求1中所述的文档格式数据加载渲染方法，其特征在于，所述利用对各矩形块解析获得的数据，对最后一个页面的各矩形块进行内容与位置排版以及对其他页面仅进行位置排版包括：对页眉与页脚进行内容以及位置排版，并计算正文位置；利用对各矩形块解析获得的数据对最后一个页面的各矩形块在正文位置进行内容与位置排版以及对其他页面在正文位置仅进行位置排版。4.根据权利要求3所述的文档格式数据加载渲染方法，其特征在于，所述利用对各矩形块解析获得的数据对最后一个页面的各矩形块在正文位置进行内容与位置排版以及对其他页面在正文位置仅进行位置排版包括：基于最后一个页面的各矩形块的内容数据以及排版数据，对最后一个页面的各矩形块在正文位置进行内容与位置排版，以供在渲染时在最后一个页面显示对应矩形块的区域以及内容；基于其他页的各矩形块的排版数据，对其他页面的各矩形块在正文位置仅进行位置排版，保留对应矩形块在对应页面的位置，以供在对应页面仅显示对应矩形块的区域。5.根据权利要求3中所述的文档格式数据加载渲染方法，其特征在于，对页眉页脚进行内容以及位置排版的方式包括：基于页眉和页...

【专利技术属性】
技术研发人员：张少典，周承志，罗文，
申请(专利权)人：上海森亿医疗科技有限公司，
类型：发明
国别省市：