[发明专利]一种对网页内容进行分页排版的方法及系统

说明书

本发明公开了一种对网页内容进行分页排版的方法及系统，涉及网页内容处理技术领域。所述对网页内容进行分页排版的方法及系统，将需要排版的内容分成多个排版块，在页面上设置多个页面块，再将排版块放置在页面块上，并在页面块上对排版块进行拖拽操作，即实现了对网页内容的分页排版，每个页面块包含的排版块以及排版块之间的相对位置即为分页排版后所显示的网页内容，实现了用户所见即所得的分页效果，打破了浏览器网页分页的限制。

技术领域

本发明属于网页内容处理技术领域，尤其涉及一种对网页内容进行分页排版的方法及系统。

背景技术

纸质书籍试卷等排版一般是借助于一些专业排版软件(例如microsoft office，方正软件，LaTeX)，但是对于很多普通用户来说，这些排版软件门槛高。由于浏览器网页本身特性的制约，网页内容排版并不能像排版软件一样用户能够在网页上直接进行。浏览器网页内容本身是能够分页的，但是这种分页只有在点击打印预览时才能看到，用户在浏览页面内容时能看到的是无限高的页面，并不清楚分页后的效果，即用户没法直观地看到浏览器网页内容的分页。浏览器网页内容分页的显示方式无法让用户实现自由排版。

发明内容

针对现有技术的不足，本发明提供一种对网页内容进行分页排版的方法及系统，以解决浏览器网页内容能分页但不可见，用户无法自由排版的问题。

本发明是通过如下的技术方案来解决上述技术问题的：一种对网页内容进行分页排版的方法，包括以下步骤：

步骤1：将需要排版的内容渲染在H5页面上，且以标题或题目为单位将需要排版的内容划分为多个排版块，设置每个排版块的属性参数；

步骤2：根据H5页面的高度和宽度，在页面上设置多个大小比例适应的div块，即页面块；

步骤3：根据每个排版块的属性参数，将多个排版块分别放置在对应页面块的对应位置上；

步骤4：对页面块上的排版块进行拖拽实现自由排版，每个页面块包含的排版块以及排版块之间的相对位置即为分页排版后所显示的网页内容。

本发明所述的对网页内容进行分页排版的方法，将需要排版的内容划分成多个排版块，再在页面上设置多个页面块(页面块的尺寸可以由用户来设置)，根据每个排版块的属性参数可以计算得到该排版块应放置在哪个页面块的哪个位置，最后对页面块上的排版块进行拖拽实现了自由排版，自由排版后每个页面块包含的排版块以及排版块之间的相对位置即为分页排版后所显示的内容，该方法通过页面块实现了网页内容的分页，而在页面块上对排版块进行拖拽实现了网页内容的自由排版，从而实现了用户在网页页面上所见到的即为分页排版后的网页内容，打破了浏览器网页分页的限制。

进一步地，所述步骤1中，排版块的属性参数包括排版块所占据的高度、排版块的留空高度、优先级、是否强制该排版块与下一个排版块同一页面块、是否强制该排版块重起一个页面块、以及是否可拖拽。

进一步地，所述步骤3的具体操作为：

步骤3.1：设第i个排版块的留空高度的初始值为该排版块的留空高度的最小值，即blockList[i].margin＝blocklist[i].space[0]，blockList[i].margin为第i个排版块的留空高度的初始值，blocklist[i].space[0]为第i个排版块的留空高度的最小值；

步骤3.2：当且时，前k-1个排版块在第一个页面块排版后剩余空白的高度

其中，minH[i]为第i个排版块所占据的高度的最小值，pageHeight[1]为第一个页面块的高度；

步骤3.3：将剩余空白平均分配给该k-1个排版块中优先级最高的t个排版块，t∈k-1，j∈t，则第j个排版块的留空高度blockList[j].margin＝blocklist[j].space[0]+lastSpace[1]/t；