[發明專利]同步HTML運行畫面與編輯畫面的方法及實現該方法的程序

在審

• 申請號: 201811102590.3
• 申請日: 2018-09-20
• 公開（公告）號: CN110874448A
• 公開（公告）日: 2020-03-10
• 發明（設計）人: 樸仁福;尹正武;鄭盛煥
• 申請（專利權）人: 希夫信息&;通信株式會社
• 主分類號: G06F16/958
• 分類號: G06F16/958
• 代理公司: 北京路浩知識產權代理有限公司 11002
• 代理人: 張晶;趙赫

本發明涉及同步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號

發明內容

(一)要解決的技術問題

本發明的各種實施例是為了解決如上所述的問題而提出的，其目的在于使網頁的編輯畫面和運行畫面同步。

本發明的另一目的在于，在網頁中添加新的對象時，無需額外的添加編碼操作也能夠實現同步。

本發明要解決的技術問題并不限定于以上提及的技術問題，本領域技術人員可以通過以下記載內容清楚地理解沒有提及的其他技術問題。

(二)技術方案