一种网页编辑方法、装置及存储介质制造方法及图纸

本发明专利技术公开了网页编辑方法，该方法适于在计算设备中执行，包括步骤：获取目标页面中的至少一部分网页代码，网页代码适于在目标页面呈现时提供对应的网页内容，并包含一个或者多个网页元素；渲染所获取的网页代码以呈现可编辑网页内容，可编辑网页内容以与对应网页内容在目标页面中呈现相同的方式来呈现；确定与可编辑网页内容中的当前编辑位置相对应的网页元素，并根据用户对网页元素的内容和属性进行的编辑操作对所述网页代码进行修改；以及更新网页代码并存储以包括编辑后的网页元素的内容和属性。本发明专利技术还公开了相应的装置及存储介质。

【技术实现步骤摘要】
一种网页编辑方法、装置及存储介质
本专利技术涉及互联网信息
，特别涉及一种网页编辑方法、装置及存储介质。
技术介绍
在各类网站的首页或列表页上往往有一些区域是需要人工设置的，例如常见的首页推广焦点图，边栏上的推荐内容等。现有技术方案中，当网站管理人员需要对推荐区焦点文字和链接等进行修改时，需将推荐区代码复制出来，并在代码编辑器的代码编辑区进行操作。这对不具备代码编写知识的非专业人员来说具有一定的难度，实现效率低，易造成误操作代码、格式错误、样式修改不方便等问题。而且由于代码编辑器和浏览器的环境不同，在将代码粘贴进代码编辑器时，会出现冗余代码，进而可能影响整个网页的展示。
技术实现思路
为此，本专利技术提供了一种网页编辑方法、装置及存储介质，以力图解决或者至少缓解上面存在的至少一个问题。根据本专利技术的一个方面，提供了一种网页编辑方法，该方法适于在计算设备中执行，包括步骤：本专利技术公开了网页编辑方法，该方法适于在计算设备中执行，包括步骤：获取目标页面中的至少一部分网页代码，网页代码适于在目标页面呈现时提供对应的网页内容，并包含一个或者多个网页元素；渲染所获取的网页代码以呈现可编辑网页内容，可编辑网页内容以与对应网页内容在目标页面中呈现相同的方式来呈现；确定与可编辑网页内容中的当前编辑位置相对应的网页元素，并根据用户对网页元素的内容和属性进行的编辑操作对所述网页代码进行修改；以及更新网页代码并存储以包括编辑后的网页元素的内容和属性。可选地，在根据本专利技术的网页编辑方法中，渲染所获取的网页代码以呈现可编辑网页内容包括步骤：获取网页代码所包含每个网页元素的标签样式，根据所述标签样式对网页代码进行渲染。可选地，在根据本专利技术的网页编辑方法中，渲染所获取的网页代码以呈现可编辑网页内容还包括步骤：获取网页代码的所在的目标页面区域的区域样式，根据区域样式对网页代码进行渲染。可选地，在根据本专利技术的网页编辑方法中，渲染所获取的网页代码以呈现可编辑网页内容还包括步骤：判断网页代码所包含的每个网页元素是否是超链接元素；若是超链接元素，修改网页代码以使所述网页元素的属性为可编辑；根据修改后的网页代码进行渲染以呈现可编辑网页内容。可选地，在根据本专利技术的网页编辑方法中，根据用户对网页元素的内容和属性进行的编辑操作对网页代码进行修改包括步骤：根据元素的属性生成与属性对应的编辑单元，编辑单元用于接收用户对网页元素的属性进行的编辑操作；根据用户对网页元素的属性进行的编辑操作对网页代码进行修改。可选地，在根据本专利技术的网页编辑方法中，根据用户对网页元素的内容和属性进行的编辑操作对网页代码进行修改包括步骤：获取用户直接在与网页元素对应的可编辑网络内容上进行的编辑操作；根据用户对网页元素的内容进行的编辑操作对网页代码进行修改。可选地，在根据本专利技术的网页编辑方法中，根据用户对网页元素的内容和属性进行的编辑操作对网页代码进行修改还包括步骤：将用户进行编辑操作前的网页元素存入数组，编辑操作还包括撤销，撤销时将根据数组恢复用户进行对其编辑操作前的网页元素。可选地，在根据本专利技术的网页编辑方法中，网页元素的属性包括：颜色、字体、标记。可选地，在根据本专利技术的网页编辑方法中，对网页元素的内容进行的编辑操作包括：修改、删除、增加。根据本专利技术的又一个方面，提供了一种网页编辑装置，包括：网页代码获取模块，用于获取目标页面中的至少一部分网页代码，网页代码适于在目标页面呈现时提供对应的网页内容，并包含一个或者多个网页元素；渲染模块，用于渲染所获取的网页代码以呈现可编辑网页内容，可编辑网页内容以与对应网页内容在所述目标页面中呈现相同的方式来呈现；编辑模块，用于确定与可编辑网页内容中的当前编辑位置相对应的网页元素，并根据用户对网页元素的内容和属性进行的编辑操作对代码进行修改；网页代码存储模块，用于获取修改后的网页代码并存储。可选地，在根据本专利技术的网页编辑装置中，渲染模块进一步用于获取、网页代码所包含的每个网页元素的标签样式，根据标签样式对网页代码进行渲染。可选地，在根据本专利技术的网页编辑装置中，渲染模块进一步用于获取网页代码的所在的目标页面区域的区域样式，根据区域样式对网页代码进行渲染。可选地，在根据本专利技术的网页编辑装置中，渲染模块进一步用于判断网页代码所包含的每个网页元素是否是超链接元素，若是超链接元素，修改网页代码以使网页元素的属性为可编辑，根据修改后的网页代码进行渲染以呈现可编辑网页内容。可选地，在根据本专利技术的网页编辑装置中，编辑模块包括属性编辑单元，属性编辑单元用于呈现编辑菜单，编辑菜单跟随元素的属性而变化，并接收用户对网页元素的属性进行的编辑操作，根据用户对网页元素的属性进行的编辑操作对网页代码进行修改。可选地，在根据本专利技术的网页编辑装置中，编辑模块包括网页内容容器，网页内容容器用于呈现渲染后的可编辑网页内容，并获取用户直接在与网页元素对应的可编辑网络内容上进行的编辑操作，根据用户对网页元素的内容进行的编辑操作对网页代码进行修改。可选地，在根据本专利技术的网页编辑装置中，网页代码存储模块进一步用于将用户进行编辑操作前的网页元素存入数组，编辑操作还包括撤销，撤销时将根据数组恢复用户进行对其编辑操作前的网页元素。可选地，在根据本专利技术的网页编辑装置中，网页元素的属性包括：颜色、字体、标记。可选地，在根据本专利技术的网页编辑装置中，对网页元素的内容进行的编辑操作包括：修改、删除、增加。根据本专利技术的又一个方面，提供了一种计算设备，包括至少一个处理器；以及存储器，存储有程序指令，其中程序指令被配置为适于由至少一个处理器执行，程序指令包括用于执行根据本专利技术的网页编辑方法。根据本专利技术的又一个方面，提供了一种存储有程序指令的可读存储介质，当该程序指令被客户端读取并执行时，使得客户端执行本专利技术的网页编辑方法。根据本专利技术的技术方案，获取目标页面中的至少一部分网页代码，渲染所获取的网页代码以呈现可编辑网页内容，代码经过渲染之后用户可以看到和实际页面一样的内容，根据用户对可编辑网页内容中网页元素的内容和属性进行的编辑操作对网页代码进行修改并保存，可以减少非专业人员在修改代码过程中可能会出现的错误，提高工作效率。进一步地，在对可编辑网页内容中地网页元素地属性进行编辑时，根据元素的属性生成与属性对应的编辑单元，编辑单元用于接收用户对网页元素的属性进行的编辑操作，根据用户对网页元素的属性进行的编辑操作对网页代码进行修改，保证了修改后代码格式的正确性。附图说明为了实现上述以及相关目的，本文结合下面的描述和附图来描述某些说明性方面，这些方面指示了可以实践本文所公开的原理的各种方式，并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述，本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开，相同的附图标记通常指代相同的部件或元素。图1示出了根据本专利技术的一个实施例的计算设备100的构造示意本文档来自技高网...

【技术保护点】
1.一种网页编辑方法，所述方法适于在计算设备中执行，所述方法包括步骤：/n获取目标页面中的至少一部分网页代码，所述网页代码适于在所述目标页面呈现时提供对应的网页内容，并包含一个或者多个网页元素；/n渲染所获取的网页代码以呈现可编辑网页内容，所述可编辑网页内容以与所述对应网页内容在所述目标页面中呈现相同的方式来呈现；/n确定与所述可编辑网页内容中的当前编辑位置相对应的网页元素，并根据用户对所述网页元素的内容和属性进行的编辑操作对所述网页代码进行修改；以及/n更新所述网页代码并存储以包括编辑后的网页元素的内容和属性。/n

【技术特征摘要】
1.一种网页编辑方法，所述方法适于在计算设备中执行，所述方法包括步骤：
获取目标页面中的至少一部分网页代码，所述网页代码适于在所述目标页面呈现时提供对应的网页内容，并包含一个或者多个网页元素；
渲染所获取的网页代码以呈现可编辑网页内容，所述可编辑网页内容以与所述对应网页内容在所述目标页面中呈现相同的方式来呈现；
确定与所述可编辑网页内容中的当前编辑位置相对应的网页元素，并根据用户对所述网页元素的内容和属性进行的编辑操作对所述网页代码进行修改；以及
更新所述网页代码并存储以包括编辑后的网页元素的内容和属性。


2.如权利要求1所述的方法，渲染所获取的网页代码以呈现可编辑网页内容包括步骤：
获取所述网页代码所包含的每个网页元素的标签样式，根据所述标签样式对所述网页代码进行渲染。


3.如权利要求1或2所述的方法，渲染所获取的网页代码以呈现可编辑网页内容还包括步骤：
获取所述网页代码的所在的目标页面区域的区域样式，根据所述区域样式对所述网页代码进行渲染。


4.如权利要求1-3中任一项所述的方法，渲染所获取的网页代码以呈现可编辑网页内容还包括步骤：
判断所述网页代码所包含的每个网页元素是否是超链接元素；
若是超链接元素，修改所述网页代码以使所述网页元素的属性为可编辑；
根据修改后的网页代码进行渲染以呈现可编辑网页内容。


5.如权利要求1-4中任一项所述的方法，所述根据用户对所述网页元素的内容和属性进行的编辑操作对所述网页代码进行修改包括步骤：
根据所述元素的属性生成与所述属性对应的编辑单元，所述编辑单元用于接收用户对所述网页元素的属性进行的编辑操作；
根据所述用户对所述网页元素的属性进...

【专利技术属性】
技术研发人员：孙岭，蔡超，
申请(专利权)人：海南车智易通信息技术有限公司，
类型：发明
国别省市：海南;46