[发明专利]同步HTML运行画面与编辑画面的方法及实现该方法的程序

权利要求书

1.一种网页编辑程序的画面同步方法，其为基于所见即所得的网页编辑程序使编辑画面与运行画面同步的方法，所述方法包括以下步骤：

生成源代码后，通过所述源代码生成基础文档对象模型，并向存在于所述基础文档对象模型内的每个组件赋予标签；

在所述基础文档对象模型适用Java脚本或者CSS来生成视图文档对象模型，并利用所述视图文档对象模型将编辑画面以第一层的形式生成；

在所述编辑画面中设置第二层，所述第二层的区域的至少一部分与所述第一层重叠，并且通过所述第二层接收用户的输入信息；

在所述视图文档对象模型中指定所述用户的输入信息所指示的第一组件的信息，利用赋予所述第一组件的标签来指定与所述第一组件匹配的所述基础文档对象模型内的第二组件；及

根据所述用户的输入信息修改在所述基础文档对象模型内指定所述第二组件的信息。

2.根据权利要求1所述的网页编辑程序的画面同步方法，其中，

在所述基础文档对象模型中适用Java脚本或者CSS来生成视图文档对象模型的步骤通过内联框架实现。

3.根据权利要求1所述的网页编辑程序的画面同步方法，其进一步包括以下步骤：

当在所述视图文档对象模型内指定所述用户的输入信息所指示的所述第一组件的信息并根据所述用户的输入信息进行修改之前，在所述第二层中显示对应于所述用户的输入信息的操作。

4.根据权利要求1所述的网页编辑程序的画面同步方法，其进一步包括以下步骤：

执行根据所述用户的输入信息修改在所述基础文档对象模型中指定的第二组件的信息的步骤之后，反映所述基础文档对象模型的修改信息，并修改与所述第二组件匹配的所述视图文档对象模型内的所述第一组件的信息。

5.根据权利要求4所述的网页编辑程序的画面同步方法，其进一步包括以下步骤：

修改所述视图文档对象模型内的所述第一组件后，通过所述视图文档对象模型的被修改信息修改所述第一层的内容。

6.根据权利要求1所述的网页编辑程序的画面同步方法，其特征在于，

所述标签不因适用Java脚本或者CSS而发生变化。

7.一种网页编辑程序，其为同步编辑画面与运行画面的的基于所见即所得的网页编辑程序，所述网页编辑程序存储在介质中以用于运行以下模块：

基础文档对象模型管理模块，生成源代码之后，通过所述源代码生成基础文档对象模型；

标签赋予模块，向存在于所述基础文档对象模型内的每个组件赋予标签；

视图文档对象模型管理模块，在基础文档对象模型中适用Java脚本或者CSS来生成视图文档对象模型；

视图层管理模块，利用所述视图文档对象模型将编辑画面以第一层的形式生成；

设计层管理模块，在所述编辑画面上设置第二层，所述第二层的区域的至少一个部分与所述第一层重叠，并且通过所述第二层接收用户的输入信息；及

同步模块，在所述视图文档对象模型内指定所述用户的输入所指示的第一组件的信息，利用赋予所述第一组件的标签指定与所述第一组件匹配的所述基础文档对象模型内的第二组件，根据所述用户的输入信息修改在所述基础文档对象模型中指定的所述第二组件的信息。

8.根据权利要求7所述的网页编辑程序，其中，

所述视图层管理模块和设计层管理模块包括在内联框架管理模块中，在所述基础文档对象模型中适用Java脚本或者CSS来生成视图文档对象模型时，所述视图文档对象模型利用内联框架模块管理的内联框架。

9.根据权利要求7所述的网页编辑程序，其中，

在根据所述用户的输入信息修改在所述基础文档对象模型中指定的所述第二组件的信息之后，所述同步模块反映所述基础文档对象模型的修改信息来修改与所述第二组件匹配的所述视图文档对象模型内的所述第一组件的信息。

10.根据权利要求9所述的网页编辑程序，其中，

所述同步模块修改所述视图文档对象模型内的第一组件后，所述视图层管理模块通过所述视图文档对象模型的修改信息修改所述第一层的内容。