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

说明书

本发明涉及同步HTML运行画面与编辑画面的方法及其程序。该方法基于所见即所得的网页编辑程序同步编辑画面与运行画面，包括：生成源代码后通过源代码生成基础文档对象模型，并向存在于基础文档对象模型内的每个组件赋予标签；基础文档对象模型适用Java脚本或CSS来生成视图文档对象模型，并利用视图文档对象模型将编辑画面以第一层形式生成；编辑画面中设置第二层，第二层区域的至少一部分与第一层重叠，通过第二层接收用户输入信息；视图文档对象模型中指定用户输入信息所指示的第一组件的信息，利用赋予第一组件的标签指定与第一组件匹配的基础文档对象模型内的第二组件；及根据用户输入信息修改基础文档对象模型内指定第二组件信息。

技术领域

本发明的多种实施例涉及一种使用标签来同步超文本标记语言(HTML)运行画面与编辑画面的方法及实现该方法的程序，涉及一种在以所见即所得方式实施的HTML编辑器中，同步用户编辑网页的HTML执行画面和作为编辑结果的该网页的执行画面的方法及程序的技术。

背景技术

随着互联网成为人们生活的重要组成部分，每天都会创建许多新的网页。为了生成网页需要创建使用编程语言编写的Web文档，其中最为广泛使用的是超文本标记语言(Hypertext Markup Language，HTML)，其为制作能够通过万维网(World Wide Web，WWW)浏览的Web文档时所使用的编程语言之一。为了通过HTML语言制作网页而需要利用HTML中使用的指令来创建文档。因此，为了不熟悉HTML指令或者使用HTML指令创建文档时感到不便的人员，开发了一种所见即所得(What You See Is What You Get，WYSIWYG)方式的网页编辑器。使用所见即所得方式的网页编辑器时，用户可以直接浏览并调整画面的结构、文本的颜色和大小等形态、图像的位置等构成网页的要素，如上所述，用户调整网页的组成要素时，网页编辑器生成与其对应的由HTML指令构成的文档。

但是，即使利用现有的所见即所得方式的网页编辑器，也会发生网页的编辑画面与运行画面相似而不完全相同的情况。虽然，仅由文本和图像构成的简单的网页所显示的编辑画面和运行画面相同，但是，近年来网页包含Java脚本(JavaScript)和层叠样式表(Cascading Style Sheets，CSS)，以显示出丰富多样的效果，因此，编辑画面与运行画面之间开始产生差异。Java脚本负责网页的各种操作，CSS负责文本的颜色、字体等设计要素。由于在网页的运行画面中运行与HTML指令互联的Java脚本，并适用CSS，因此编辑画面与运行画面之间产生差异，由于这种差异，难以根据直观而编辑网页。

如上所述，由于适用Java脚本和CSS，在编辑过程中HTML文档内容和运行过程中的HTML文档内容变得不同，因此难以实现网页的编辑画面与运行画面的同步。因此，需要开发一种能够使网页的编辑画面和运行画面更加精确地同步的技术。

现有技术文献

(专利文献0001)韩国公开专利第10-2515-0136310号

发明内容

(一)要解决的技术问题

本发明的各种实施例是为了解决如上所述的问题而提出的，其目的在于使网页的编辑画面和运行画面同步。

本发明的另一目的在于，在网页中添加新的对象时，无需额外的添加编码操作也能够实现同步。

本发明要解决的技术问题并不限定于以上提及的技术问题，本领域技术人员可以通过以下记载内容清楚地理解没有提及的其他技术问题。

(二)技术方案