[发明专利]基于html的表格可视化编辑功能的处理方法

说明书

本发明提供了一种基于html的表格可视化编辑功能的处理方法，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏以完成单元格合并；用户选中单元格拆分时，将选中单元格大小还原，将选中单元格所包含单元格显示已完成拆分显示。

技术领域

本发明涉及一种基于html的表格可视化编辑功能的处理方法，属于计算机信息技术领域。

背景技术

随着计算机网络技术的不断发展，BS架构的系统被广泛应用于各行各业，因此网页程序的加载内容也越来越多样化。现今，部分网页中会嵌入html表格对网页内容布局进行编辑，当表格行列数量发生变化时，需要重新调整html代码来实现表格重新布局，部分场景需要对表格可视化拆分合并，实时看到操作效果，而修改页面代码，门槛较高，且无法实时看到修改效果，难以达到可视化操作的要求。

发明内容

为了解决上述现有技术存在的没法达到可视化要求你的问题，本发明提供了一种基于html的表格可视化编辑功能的处理方法。

本发明为实现上述目的，通过以下技术方案实现：

一种基于html的表格可视化编辑功能的处理方法，包括生成表格、合并单元格和拆分单元格；生成表格时记录每一个单元格位置及大小信息；用户选中多个邻近单元格进行合并时，通过算法计算出第一个单元格，将第一个单元格的大小设置为选中区域大小，将其余单元格隐藏以完成单元格合并；用户选中单元格拆分时，将选中单元格大小还原，将选中单元格所包含单元格显示已完成拆分显示。

所述基于html的表格可视化编辑功能的处理方法优选方案，生成表格具体包括以下步骤：

S101. 读取用户输入表格行列数值；

S102. 读取有效区域宽度，根据表格列数计算列宽；

S103.根据行列数及列宽生成表格数据

S104.根据行列数生成所有单元格数据，包括宽、高、起始位置、结束位置，是否隐藏以及跨度信息，默认宽高均为1，跨度信息为该单元格通过合并后所包含的单元格的信息，默认为空；

S105.根据表格数据生成table标签，将单元格宽高值转换为html标签的rowspan、colspan数据，进行显示。

所述基于html的表格可视化编辑功能的处理方法优选方案，合并单元格具体包括以下步骤：

S201.用户选中邻近多个单元格进行合并动作；

S202.遍历所有选中单元格，通过对比每一个单元格的起始位置和结束位置，筛选出第一个单元格S及最后一个单元格E；

S203.根据单元格数量以单元格数据，判断所选单元格是否符合合并条件；

S204.根据S单元格的起始位置，E单元格的结束位置信息计算合并后表格宽高数据；

S205.设置S单元格的宽高数据为计算出的数据；

S206.将除S单元格外所有选中单元格设置隐藏；

S207.将所有隐藏单元格id记录至S单元格的跨度信息中；

S208.根据单元格数据更新显示表格，合并完成。

所述基于html的表格可视化编辑功能的处理方法优选方案，拆分单元格具体包括以下步骤：

S301. 用户选中某一单元格进行拆分动作；

S302.读取单元格跨度信息；