【技术实现步骤摘要】
一种应用于采购过程公告的Web文档可视化编辑方法及装置
[0001]本专利技术涉及计算机
，特别涉及一种应用于采购过程公告的Web文档可视化编辑方法及装置。
技术介绍
[0002]在电子采购系统中，对采购过程公告(例如资格预审公告，采购公告以及中标公告等等)文档进行在线编辑是一项常用功能。采购过程公告通常编辑项多，编辑内容复杂，普遍的方案是利用表单技术，使用步骤条引导的方式，让用户逐步输入待填项数据，数据全部填写完成并且合法性校验全部通过后，再将数据转化成可预览的公告(HTML模板)。这种引导式编辑的问题在于，如果要修改编辑内容，则要逐步返回上一步进行修改，修改好后，再逐步点击下一步回到预览页进行预览，纠错成本高，编辑难度大，使用起来不够直观。因此，如何使用技术手段提升公告文档在线编辑的体验，降低编辑难度是本领域技术人员目前需要解决的技术问题。
技术实现思路
[0003]本专利技术要解决的技术问题，在于提供一种应用于采购过程公告的Web文档可视化编辑方法及装置，提升了使用体验，降低了编辑难度。
[0004]第一方面，本专利技术提供了一种应用于采购过程公告的Web文档可视化编辑方法，包括：
[0005]步骤1、初始化文档目录；
[0006]步骤2、初始化公告内容预览区，所述公告内容预览区内设有编辑区域，所述编辑区域用于显示公告内容；
[0007]步骤3、生成对应表单；
[0008]步骤4、调用浏览器SVG接口将公告内容预览区的编辑区域与表单进行连线。>[0009]进一步地，所述步骤1进一步具体为：获取文档目录数据，根据文档目录数据生成文档目录。
[0010]进一步地，所述步骤2进一步具体为：
[0011]生成公告内容：获取待填项，生成待填项HTML模板，所述待填项HTML模板中设有一可编辑项，在待填项HTML模板植入包含classEdit的类名用来标记该项为可编辑项；在待填项HTML模板植入含有编辑项唯一标识的id值和对应的类名，用于与编辑区域的表单输入项建立关联；拼接待填项HTML模板生成完整HTML公告文档；
[0012]获取公告内容，并在编辑区域显示公告内容；
[0013]标记公告内容的可编辑文本：定义类名classEdit的样式为蓝色字体高亮，通过浏览器渲染引擎将类名为classEdit的类进行渲染样式；
[0014]识别并标记公告内容的未填项：获取未填数据的编辑项唯一标识，遍历公告文档HTML节点，找出类名中含有classEdit和未填数据的编辑项唯一标识的HTML节点；在所述
HTML节点的最外层HTML节点插入值为classUndefined的样式类，定义类名classUndefined的样式为黄色背景高亮；通过浏览器渲染引擎将类名为classUndefined的类进行渲染样式；
[0015]对标记为可编辑文本的公告内容HTML节点向浏览器系统注册单击事件。
[0016]进一步地，所述步骤3进一步具体为：
[0017]获取公告内容，将每个待填项生成对应的单表。
[0018]进一步地，所述步骤4进一步具体为：获取公告内容的每个编辑区域的HTML节点，并一一进行解析，得到待填项唯一标识；获取对应的表单项的HTML节点，调用浏览器SVG接口将可编辑区域的HTML节点与对应的表单项的HTML节点进行连线。
[0019]第二方面，本专利技术提供了一种应用于采购过程公告的Web文档可视化编辑装置，包括：
[0020]初始化目录模块，初始化文档目录；
[0021]初始化公告内容模块，初始化公告内容预览区，所述公告内容预览区内设有编辑区域，所述编辑区域用于显示公告内容；
[0022]生成模块，生成对应表单；
[0023]连线模块，调用浏览器SVG接口将公告内容预览区的编辑区域与表单进行连线。
[0024]进一步地，所述初始化目录模块进一步具体为获取文档目录数据，根据文档目录数据生成文档目录。
[0025]进一步地，所述初始化公告内容模块进一步具体为：
[0026]生成公告内容：获取待填项，生成待填项HTML模板，所述待填项HTML模板中设有一可编辑项，在待填项HTML模板植入包含classEdit的类名用来标记该项为可编辑项；在待填项HTML模板植入含有编辑项唯一标识的id值和对应的类名，用于与编辑区域的表单输入项建立关联；拼接待填项HTML模板生成完整HTML公告文档；
[0027]获取公告内容，并在编辑区域显示公告内容；
[0028]标记公告内容的可编辑文本：定义类名classEdit的样式为蓝色字体高亮，通过浏览器渲染引擎将类名为classEdit的类进行渲染样式；
[0029]识别并标记公告内容的未填项：获取未填数据的编辑项唯一标识，遍历公告文档HTML节点，找出类名中含有classEdit和未填数据的编辑项唯一标识的HTML节点；在所述HTML节点的最外层HTML节点插入值为classUndefined的样式类，定义类名classUndefined的样式为黄色背景高亮；通过浏览器渲染引擎将类名为classUndefined的类进行渲染样式；
[0030]对标记为可编辑文本的公告内容HTML节点向浏览器系统注册单击事件。
[0031]进一步地，所述生成模块进一步具体为：
[0032]获取公告内容，将每个待填项生成对应的单表。
[0033]进一步地，所述连线模块进一步具体为：获取公告内容的每个编辑区域的HTML节点，并一一进行解析，得到待填项唯一标识；获取对应的表单项的HTML节点，调用浏览器SVG接口将可编辑区域的HTML节点与对应的表单项的HTML节点进行连线。
[0034]本专利技术实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：
[0035]本申请实施例提供的方法、装置、系统、设备和介质，实现了对采购过程公告文档
指定内容的所见即所得编辑(受限编辑)功能，同时利用SVG可视化连线技术，实现了当前待填表单项与公告文档指定内容的一对多连线，提升了使用体验，降低了编辑难度。
[0036]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。
附图说明
[0037]下面参照附图结合实施例对本专利技术作进一步的说明。
[0038]图1为本专利技术实施例一中方法中的流程图；
[0039]图2为本专利技术实施例二中装置的结构示意图。
具体实施方式
[0040]本申请实施例通过提供一种应用于采购过程公告的Web文档可视化编辑方法及装置，解决了现有技术中没有实现所见即所得的效果，并且没有显示的建立起当前待输入表单项与文档可编辑区域的一一对应关系(关联关系)，使用起来体验差，编辑难度大，纠错成本高，本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种应用于采购过程公告的Web文档可视化编辑方法，其特征在于：包括：步骤1、初始化文档目录；步骤2、初始化公告内容预览区，所述公告内容预览区内设有编辑区域，所述编辑区域用于显示公告内容；步骤3、生成对应表单；步骤4、调用浏览器SVG接口将公告内容预览区的编辑区域与表单进行连线。2.根据权利要求1所述的一种应用于采购过程公告的Web文档可视化编辑方法，其特征在于：所述步骤1进一步具体为：获取文档目录数据，根据文档目录数据生成文档目录。3.根据权利要求1所述的一种应用于采购过程公告的Web文档可视化编辑方法，其特征在于：所述步骤2进一步具体为：生成公告内容：获取待填项，生成待填项HTML模板，所述待填项HTML模板中设有一可编辑项，在待填项HTML模板植入包含classEdit的类名用来标记该项为可编辑项；在待填项HTML模板植入含有编辑项唯一标识的id值和对应的类名，用于与编辑区域的表单输入项建立关联；拼接待填项HTML模板生成完整HTML公告文档；获取公告内容，并在编辑区域显示公告内容；标记公告内容的可编辑文本：定义类名classEdit的样式为蓝色字体高亮，通过浏览器渲染引擎将类名为classEdit的类进行渲染样式；识别并标记公告内容的未填项：获取未填数据的编辑项唯一标识，遍历公告文档HTML节点，找出类名中含有classEdit和未填数据的编辑项唯一标识的HTML节点；在所述HTML节点的最外层HTML节点插入值为classUndefined的样式类，定义类名classUndefined的样式为黄色背景高亮；通过浏览器渲染引擎将类名为classUndefined的类进行渲染样式；对标记为可编辑文本的公告内容HTML节点向浏览器系统注册单击事件。4.根据权利要求1所述的一种应用于采购过程公告的Web文档可视化编辑方法，其特征在于：所述步骤3进一步具体为：获取公告内容，将每个待填项生成对应的单表。5.根据权利要求1所述的一种应用于采购过程公告的Web文档可视化编辑方法，其特征在于：所述步骤4进一步具体为：获取公告内容的每个编辑区域的HTML节点，并一一进行解析，得到待填项唯一标识；获取对应的表单项的HTML节点，调用浏览器SVG接口将可编辑区域的HTML节点与对应的表单项的HTML节点进行连线。6.一种应用于采购过程公告的Web文档...
【专利技术属性】
技术研发人员：李承彬，林永帆，郑炳忞，官素芳，李与耀，谢德寿，陈小雷，林镇勋，牛京杰，查道鹏，
申请(专利权)人：博思数采科技发展有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。