HTML内容可视化编辑方法及系统技术方案

本发明专利技术提供了一种HTML内容可视化编辑方法及系统，其中，所述方法包括：获取所要编辑的HTML内容碎片；对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层；对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片；通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。所述系统包括：获取模块、定位标记模块、编辑模块和判断模块。本发明专利技术用于解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页进行编辑的问题。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种HTML内容可视化编辑方法及系统，其中，所述方法包括：获取所要编辑的HTML内容碎片；对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层；对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片；通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。所述系统包括：获取模块、定位标记模块、编辑模块和判断模块。本专利技术用于解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页进行编辑的问题。【专利说明】HTML内容可视化编辑方法及系统
本专利技术涉及可视化编辑方法及系统，尤其涉及一种HTML内容可视化编辑方法及系统。
技术介绍
随着计算机的日益普及，互联网的蓬勃发展，使得计算机使用者能够通过访问各种网站中的网页来获取所需要的讯息。而网站中的各个网页通常是网站编辑者通过HTML语言(HyperText Markup Language,超文本标记语言)设计出来的。目前，需要通过HTML代码来设计网站必须熟悉专业的HTML代码。专利技术人在实现本专利技术的过程中发现，现有技术至少存在以下的缺点和不足: HTML代码较为复杂，若不熟悉HTML代码等网页编辑语言而无法对网页进行编辑。
技术实现思路
本专利技术所要解决的技术问题是提供一种HTML内容可视化编辑方法和系统，以解决现有技术中若不熟悉HTML代码等网页编辑语言而无法对网页进行编辑的问题。本专利技术公开的具体技术方案如下: 获取所要编辑的HTML内容碎片； 对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层； 对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片； 通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。优选的，所述对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层的步骤包括: 发布引擎，以及输出所述HTML内容碎片； 查找所述HTML内容碎片的碎片标记； 依据所述碎片标记，生成所述HTML内容碎片的页面浮层。优选的，所述HTML内容碎片的页面浮层的显示方式为全页预览或局部预览的方式。本专利技术还提供了一种HTML内容可视化编辑系统，包括: 获取模块，用于获取所要编辑的HTML内容碎片；定位标记模块,用于对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层；编辑模块，用于对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片；判断模块，用于通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。优选的，所述定位标记模块具体用于: 发布引擎，以及输出所述HTML内容碎片； 查找所述HTML内容碎片的碎片标记； 依据所述碎片标记，生成所述HTML内容碎片的页面浮层。优选的，所述系统还包括: 显示模块，用于显示所述HTML内容碎片的页面，所述HTML内容碎片的页面浮层的显示方式为全页预览或局部预览的方式。与现有技术相比，本专利技术具有以下优点: O让编辑人员在零接触HTML代码的情况下完成内容更新。2)简化操作步骤，将模板创建和碎片创建最大程度自动化完成； 3)摆脱HTML代码，在可视化的界面中通过鼠标点击的方式实现模板制作和碎片创建的自动化； 4)在可视化的界面中通过鼠标点击的方式直接进入碎片编辑界面； 5)实现碎片编辑或模板制作都能在同一个界面中完成，避免画面频繁切换。【专利附图】【附图说明】图1是现有技术中网页内容维护的流程图； 图2是本专利技术实施例一种HTML内容可视化编辑方法的流程图； 图3是本专利技术又一实施例一种HTML内容可视化编辑方法的流程图； 图4是本专利技术一种HTML内容可视化编辑方法的具体实例的示意图； 图5是本专利技术实施例一种HTML内容可视化编辑系统的结构图； 图6是本专利技术又一实施例一种HTML内容可视化编辑系统的结构图。【具体实施方式】为使本专利技术的上述目的、特征和优点能够更加明显易懂，下面结合附图和【具体实施方式】对本专利技术作进一步详细的说明。参见图1，是现有技术中网页内容维护的流程图。从图1中，可以获知现有技术中，网站内容的更新和维护通常依赖于CMS(ContentManagement System,网站内容管理系统)，做法是:网站技术支持人员和内容管理人员共同约定，为了便于内容更新，将网页划分为一个个区块，技术支持人员将这些区块制作成碎片，在CMS系统中录入碎片信息，并在|吴板中添加碎片标识。这样就完成了|吴板制作和创建碎片的整个过程。网站编辑人员需要对网页内容进行不定期更新，通常的做法是进入CMS系统的碎片列表，从众多碎片目录中找到需要更新内容的碎片，进入碎片编辑页面修改碎片内容，提交并发布。从图1中可以看出:现有HTML内容可视化编辑方法的缺陷是:网页内容维护人员即内容编辑人员在在需要更新页面某一个区块的内容时，首先得了解这个区块所对应的是哪个碎片，再进入CMS系统中从一层一层碎片目录中找到这个碎片才能进行能容更新，最后回到网页刷新网页检查内容显示是否正常；这个过程存在两个问题:需要在多个窗口来回切换、新的内容编辑人员需要完全掌握各个区块和碎片的对应情况；很显然这增加了人力成本，提高了内容编辑人员的操作门槛；无法实现局部预览；虽然可实现全页预览，但是速度慢，影响工作效率；编辑人员直接面对HTML代码，直接编辑HTML代码，这对编辑人员的技术要求有较高要求，而且容易出错。综上所述，传统做法的缺点归纳为:操作繁琐，操作界面切换频繁，技术门槛高，易出错，不直观。参见图2，是本专利技术实施例一种HTML内容可视化编辑方法的流程图。S201、获取所要编辑的HTML内容碎片； 5202、对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层； 5203、对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片； 5204、通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。内容可视化编辑:一个网页根据功能结合标签可划分为一个个矩形区块，每个矩形区块被称为“碎片”，每个碎片的内容都需要编辑人员单独来维护，包括录入和更新；对这些碎片的维护称之为“编辑碎片”。传统的编辑碎片的方式是在内容管理系统的碎片列表中找到想要编辑的碎片，然后进行内容更新，这种对网站内容维护的方式属于非可视化编辑。可视化编辑就是编辑人员能在网页中看到一个个碎片区块，点击这些区块就可以进入该区块的内容管理界面，实现对内容的更新。本实施例通过获取所要编辑的HTML内容碎片；对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层；对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片；通过判本文档来自技高网...

【技术保护点】
一种HTML内容可视化编辑方法，其特征在于，包括：获取所要编辑的HTML内容碎片；对所述HTML内容碎片进行定位标记，生成所述HTML内容碎片的页面浮层；对所述HTML内容碎片的页面浮层进行碎片编辑，以生成相应的碎片；通过判断所述相应的碎片是否成功入库，以执行相应的操作；若判断结果为所述相应的碎片成功入库，则触发相应的碎片内容发布；若判断结果为所述相应的碎片入库失败，则输出判断结果为错误。

【技术特征摘要】

【专利技术属性】
技术研发人员：严伟锋，程邓时，杨俊杰，胡伟琪，
申请(专利权)人：怡丰联合北京科技有限责任公司，
类型：发明
国别省市：北京;11