WO2018194323A1 - 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법 - Google Patents

웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법 Download PDF

Info

Publication number
WO2018194323A1
WO2018194323A1 PCT/KR2018/004368 KR2018004368W WO2018194323A1 WO 2018194323 A1 WO2018194323 A1 WO 2018194323A1 KR 2018004368 W KR2018004368 W KR 2018004368W WO 2018194323 A1 WO2018194323 A1 WO 2018194323A1
Authority
WO
WIPO (PCT)
Prior art keywords
web document
tag
editing
markup language
svg
Prior art date
Application number
PCT/KR2018/004368
Other languages
English (en)
French (fr)
Inventor
조광휘
Original Assignee
주식회사 한글과컴퓨터
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 주식회사 한글과컴퓨터 filed Critical 주식회사 한글과컴퓨터
Publication of WO2018194323A1 publication Critical patent/WO2018194323A1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/166—Editing, e.g. inserting or deleting

Definitions

  • the present invention relates to an apparatus for supporting a user to easily edit a web document and a method of operating the same.
  • a web document is a document that can be viewed through a browser and refers to a document written based on a markup language, such as HTML (Hypertext Markup Language) or XML (eXtensible Markup Language).
  • HTML Hypertext Markup Language
  • XML eXtensible Markup Language
  • the browser uses the Document Object Model to render and display web documents on the screen.
  • the document object model is an object-oriented model that represents a structured document and allows all elements of the web, such as graphics, text, headlines, and styles, to be controlled by scripting languages such as Java Script.
  • the browser generates a document object model by parsing a web document written based on a markup language, and then renders the web document based on the displayed web document on the screen.
  • the user had to modify the markup language tags that make up the web document. For example, if a user wants to insert a certain image into a web document made of HTML, the user may need to insert a related command directly in the HTML tag by using a tag called "embed src". Difficulties existed.
  • a tool that supports editing of an existing web document provides only a function of inserting a figure in an image form when a user inserts a figure and wants to edit a figure inserted in the web document.
  • the user could not easily change attributes such as color, border thickness, and size of the figure in the web document.
  • the present invention provides an editing interface for allowing a user to edit a web document, and when a user edits a web document, a markup language for constructing the web document to correspond to the editing. Language) By automatically changing the tag and rendering based on the changed markup language tag, the user can easily edit the web document.
  • an attribute of the figure is defined on a markup language tag constituting the web document.
  • SVG Scalable Vector Graphics
  • the client terminal device supporting the editing of a web document configures an editing interface that enables editing of the web document on the browser when the web document is displayed through a browser.
  • Editing interface display unit displayed on the side when the user inputs an editing command for editing the content contained in the web document, the web document is configured to apply the edits according to the editing command to the web document
  • an operation method of a client terminal device that supports editing of a web document may include an editing interface that enables editing of the web document on the browser when the web document is displayed through the browser. Displaying on one side of the browser, and when a user inputs an editing command for instructing editing of content included in the web document, the web is edited according to the editing command to be applied to the web document. Performing a change to the markup language tag constituting the document and when the change of the markup language tag is completed, the markup language tag constituting the web document is parsed through the browser, and the markup language Render the part corresponding to the tag changed according to the editing command in the tag As such, a step of applying the edit information according to the editing command for the web document.
  • the present invention provides an editing interface for allowing a user to edit a web document, and when a user edits a web document, a markup language for constructing the web document to correspond to the editing. Language) By automatically changing the tag to render based on the changed markup language tag, the user can easily edit the web document.
  • SVG Scalable Vector Graphics
  • FIG. 1 is a diagram illustrating a structure of a client terminal device supporting editing of a web document according to an embodiment of the present invention.
  • FIGS. 2 to 4 are diagrams for describing an operation of a client terminal device supporting editing of a web document according to an embodiment of the present invention.
  • FIG. 5 is a flowchart illustrating an operation method of a client terminal device supporting editing of a web document according to an embodiment of the present invention.
  • FIG. 1 is a diagram illustrating a structure of a client terminal device supporting editing of a web document according to an embodiment of the present invention.
  • the client terminal device 110 that supports editing of a web document according to an embodiment of the present invention includes an editing interface display unit 111, an editing processing unit 112, and an updating unit 113.
  • the editing interface display unit 111 configures an editing interface for editing the web document on the browser and displays it on one side of the browser.
  • the editing interface display unit 111 enables editing of the web document on the browser as shown by reference numeral 211.
  • An editing interface 211 may be configured and displayed on one side of the browser.
  • the editing interface 211 may include editing command buttons for instructing execution of a plurality of editing commands so that a user can edit a web document.
  • the edit processing unit 112 when a user inputs an editing command for editing the content included in the web document, a mark constituting the web document such that the edited content according to the editing command is applied to the web document. Make changes to the Markup Language tag.
  • the editing processing unit 112 configures the web document so that an edit item according to the editing command to correct the letter is applied to the web document. You can automatically modify markup language tags.
  • the markup language tag refers to a tag constituting a document created based on a markup language, such as an HTML (Hypertext Markup Language) tag or an XML (eXtensible Markup Language) tag.
  • HTML Hypertext Markup Language
  • XML eXtensible Markup Language
  • the updater 113 parses the markup language tag constituting the web document through the browser, according to the editing command in the markup language tag. By performing rendering on a portion corresponding to the changed tag, the edited item according to the editing command is applied to the web document.
  • the updater 113 parses the markup language tag constituting the web document through the browser to the web document. Generating a document object model for the web document by rendering a portion of the markup language tag corresponding to the tag changed according to the editing command based on the document object model; Edits can be applied according to the editing commands.
  • the editing processing unit 112 may include an SVG tag generating unit 114 and an SVG tag inserting unit 115.
  • the SVG tag generation unit 114 when a figure having a scalable vector graphics (SVG) file format is input to the web document by the user, the style attribute of the figure and the figure on the web document.
  • the SVG tag insertion unit 115 inserts the SVG tag on a markup language tag constituting the web document to process a change to the markup language tag.
  • the updater 113 parses the markup language tag constituting the web document through the browser and renders the portion where the SVG tag is inserted.
  • the insertion of the figure can be applied to the web document.
  • the SVG tag generator 114 may generate an internal color, a border size, and a border of the figure 212.
  • the style attribute of the figure 212 and the insertion position of the figure 212 and the size of the figure 212 are checked by checking the style attribute such as color and the insertion position of the figure 212 on the web document and the size of the figure 212.
  • SVG is an XML-based file format for representing two-dimensional vector graphics, and is an open standard vector graphics file format developed in 1999 under the leadership of the World Wide Web Consortium (W3C).
  • SVG-formatted images and their behavior are defined as XML text files that can be searched, cataloged, scripted, and compressed if necessary.
  • the SVG tag insertion unit 115 is shown in FIG. 3.
  • the SVG tag may be inserted on a markup language tag constituting the web document to process a change to the markup language tag.
  • the SVG tag generating unit 114 generates an SVG tag in which a style attribute of the figure 212 is defined, as shown at 312 in FIG. 3, and as shown at 311, “embed”.
  • src "tag can be used to create a tag defined position and size for inserting the shape 212 having the SVG file format on the web document
  • SVG tag inserting unit 115 is a SVG tag generation unit ( As illustrated in FIG. 3, the SVG tag generated at 114 may be inserted on a markup language tag constituting the web document.
  • the updater 113 configures the mark constituting the web document through the browser.
  • the insertion of the figure 212 may be applied to the web document as shown in FIG. 2.
  • the editing processing unit 112 may further include an SVG tag changing unit 116.
  • the SVG tag change unit 116 instructs the user to change the style attribute of the figure, the insertion position of the figure on the web document, or the size of the figure after the insertion of the figure on the web document is completed.
  • the markup language tag constituting the web document is changed to the attribute value defined in the SVG tag so that the figure editing item according to the figure editing command is reflected on the web document. Perform.
  • the updater 113 parses the markup language tag constituting the web document through the browser to complete the change of the attribute value.
  • the change according to the figure editing command may be applied to the figure inserted in the web document.
  • the SVG tag change unit ( 116 may change an attribute value defined in the SVG tag illustrated in FIG. 3 to correspond to a style attribute change, a position, or a size change of the figure 212, and the updater 113 may update the web through the browser.
  • the markup language tag constituting the document may be parsed to render a portion in which the SVG tag in which the attribute value is changed is inserted, thereby completing the modification of the figure 212.
  • the editing processing unit 112 may further include a first location information checking unit 117, a second location information checking unit 118, and a location information determining unit 119. .
  • the first position information checking unit 117 may further edit an instruction on the web document by the user. If not, the first position information on the web document for the position where the additional editing command occurred is confirmed.
  • the second location information checking unit 118 checks the second location information associated with the location where the figure is input on the web document by referring to the attribute value defined in the SVG tag.
  • the location information determiner 119 compares the first location information with the second location information to determine whether a location according to the second location information on the web document is lower than a location according to the first location information. To judge.
  • the updater 113 configures the markup language tag configuring the web document through the browser. By parsing and re-rendering the portion where the SVG tag is inserted, the figure inserted in the web document may be displayed again.
  • the text string is displayed by the user.
  • the first location information checking unit 117 may check first location information on the web document about the location where the additional editing command has occurred.
  • the second location information checking unit 118 may check second location information associated with the location where the figure 420 is input on the web document by referring to the attribute value defined in the SVG tag.
  • the location information determination unit 119 compares the first location information with the second location information to determine whether a location according to the second location information on the web document is lower than a location according to the first location information. It can be determined.
  • the location information determination unit 119 determines that the location according to the second location information on the web document is the location corresponding to the first location information. It can be judged to exist lower.
  • the updater 113 determines that the location according to the second location information exists below the location according to the first location information
  • the markup language tag configuring the web document through the browser is used.
  • the figure 420 inserted in the web document may be displayed again.
  • the browser may display the SVG. It has the property of initializing and displaying the formatted figure with the original style.
  • the client terminal device 110 supporting the editing of the web document according to the present invention is located at a position higher than the position of the figure 420 inserted in the web document, as shown in FIG.
  • rendering of the figure 420 is performed based on an SVG tag defining a style, position, and size of the figure 420 in the markup language tag constituting the web document.
  • the editing processing unit 112 may further include an editing command confirmation unit 120.
  • the editing instruction checking unit 120 changes the position of the figure on the web document of the figure. Check whether this is an editing command that causes.
  • the SVG tag change unit 116 determines that the additional editing command is an editing command that causes a position change of the figure on the web document, the position of the figure on the web document according to the additional editing command.
  • the markup language tag constituting the web document may be changed to change the attribute value defined in the SVG tag to reflect the change.
  • the updater 113 configures the markup language tag configuring the web document through the browser. By parsing and rerendering the portion where the SVG tag is inserted, the figure inserted on the web document can be displayed again.
  • the figure 420 included in the web document may be changed in position on the web document by the additional editing command.
  • the editing command checking unit 120 may apply the additional editing command to the figure (420). This can be confirmed with an editing command that causes a change in position on the web document for 420.
  • the SVG tag changing unit 116 may change the figure on the web document according to the additional editing command.
  • the markup language tag constituting the web document may be changed to change the attribute value defined in the SVG tag to reflect the positional change of 420.
  • the SVG tag change unit 116 may display the image 420 on the web document. It is possible to change the attribute value defined in the SVG tag so that the position moves down one line.
  • the updating unit 113 is the markup language constituting the web document through the browser because the position of the figure 420 on the web document is lower than the position to which the additional editing command is applied.
  • the figure inserted on the web document may be displayed again.
  • the updater 113 re-renders the figure 420 based on the SVG tag whose attribute value is changed so that the position of the figure 420 moves down one line, thereby rendering the figure 420 on the web document. ) Can be moved down one line.
  • FIG. 5 is a flowchart illustrating an operation method of a client terminal device supporting editing of a web document according to an embodiment of the present invention.
  • an editing interface for editing the web document is configured on the browser and displayed on one side of the browser.
  • step S520 when an editing command for editing the content included in the web document is input by the user, markup for configuring the web document such that the edited content according to the editing command is applied to the web document. Make changes to the language tags.
  • step S530 when the change of the markup language tag is completed, the markup language tag constituting the web document is parsed through the browser to the web document. Editing the web document according to the editing command by generating a document object model for the web document by rendering the markup language tag corresponding to the tag changed according to the editing command based on the document object model. May apply.
  • step S520 when a figure having an SVG file format is input on the web document by the user, the style attribute of the figure and the insertion of the figure on the web document are input.
  • SVG tag insertable on the markup language tag constituting the web document by checking the position and the size of the figure (the SVG tag indicates the style attribute of the figure, the insertion position of the figure and the size of the figure) And a property value defined therein), and inserting the SVG tag on a markup language tag constituting the web document to process a change to the markup language tag.
  • step S530 when the change of the markup language tag is completed, the markup language tag constituting the web document is parsed through the browser to render the portion where the SVG tag is inserted. Insertion of the figure may be applied to the web document.
  • the operation method of the client terminal device supporting the editing of the web document is the style attribute of the figure by the user after the insertion of the figure on the web document is completed, the web document is configured to reflect the figure edit item according to the figure editing command on the web document.
  • the mark constituting the web document through the browser Parse up-language tag to render the inserted portion of the SVG tag where the change of the attribute value is completed may further comprise the step of applying a change corresponding to the shape editing command for the geometry that is inserted onto the web.
  • the operation method of the client terminal device supporting the editing of the web document is further edited on the web document by the user after the insertion of the figure on the web document is completed; If a command (the additional edit command is not an edit command directly generated for the figure) is confirmed, confirming first position information on the web document for the location where the additional edit command occurred, defined in the SVG tag.
  • the method may further include displaying the figure inserted in the web document by performing rerendering.
  • the operation method of the client terminal device supporting the editing of the web document it is determined that the position according to the second position information exists below the position according to the first position information.
  • the method may further include a step of displaying the figure inserted in the web document.
  • the SVG tag parses the markup language tag constituting the web document through the browser when it is determined that the location according to the second location information exists below the location according to the first location information. By re-rendering the inserted portion, the figure inserted in the web document may be displayed again.
  • the operating method of the client terminal device supporting the editing of a web document according to an embodiment of the present invention has been described with reference to FIG. 5.
  • the operation method of the client terminal device supporting the editing of the web document according to an embodiment of the present invention relates to the operation of the client terminal device 110 supporting the editing of the web document described with reference to FIGS. 1 to 4. Since it may correspond to the configuration, a detailed description thereof will be omitted.
  • An operation method of a client terminal device supporting editing of a web document according to an embodiment of the present invention may be implemented as a computer program stored in a storage medium for execution by combining with a computer.
  • an operating method of a client terminal device supporting editing of a web document may be implemented in the form of program instructions that can be executed by various computer means and recorded in a computer readable medium.
  • the computer readable medium may include program instructions, data files, data structures, etc. alone or in combination.
  • Program instructions recorded on the media may be those specially designed and constructed for the purposes of the present invention, or they may be of the kind well-known and available to those having skill in the computer software arts.
  • Examples of computer-readable recording media include magnetic media such as hard disks, floppy disks, and magnetic tape, optical media such as CD-ROMs, DVDs, and magnetic disks, such as floppy disks.
  • Magneto-optical media and hardware devices specifically configured to store and execute program instructions, such as ROM, RAM, flash memory, and the like.
  • program instructions include not only machine code generated by a compiler, but also high-level language code that can be executed by a computer using an interpreter or the like.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Artificial Intelligence (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 사용자가 웹 문서에 대한 편집을 수행할 수 있도록 지원하는 편집 인터페이스를 제공하고, 사용자가 웹 문서에 대한 편집을 수행하면, 상기 편집에 대응되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)를 자동으로 변경하여 변경된 마크업 언어 태그에 기초한 렌더링을 수행함으로써, 사용자가 손쉽게 웹 문서에 대한 편집을 수행할 수 있도록 지원할 수 있다.

Description

웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법
본 발명은 사용자가 웹 문서를 손쉽게 편집할 수 있도록 지원하는 장치 및 그 동작 방법에 대한 것이다.
웹 문서는 브라우저를 통해서 볼 수 있는 문서로, HTML(Hypertext Markup Language)이나 XML(eXtensible Markup Language)과 같이, 마크업 언어(Markup Language)를 기반으로 작성된 문서를 의미한다.
브라우저에서는 웹 문서를 렌더링하여 화면으로 표시하기 위해서, 문서 객체 모델(Document Object Model)을 사용한다. 문서 객체 모델은 객체 지향 모델로써 구조화된 문서를 표현하는 형식이고, 그래픽, 텍스트, 헤드라인, 스타일 등 웹의 모든 요소가 자바 스크립트(Java Script) 등과 같은 스크립트 언어에 의해 조정될 수 있도록 해준다.
브라우저에서는 마크업 언어를 기반으로 작성된 웹 문서를 파싱(parsing)하여 문서 객체 모델을 생성한 후 이를 기초로 웹 문서를 렌더링하여 화면 상에 상기 웹 문서를 표시하게 된다.
일반적으로 사용자가 웹 문서를 편집하기 위해서는 웹 문서를 구성하는 마크업 언어 태그를 직접 수정해야 했었다. 예컨대, 사용자가 HTML로 만들어진 웹 문서에 소정의 이미지를 삽입하고자 하는 경우, "embed src"라고 하는 태그를 활용해서, HTML 태그에 직접 관련 명령어를 삽입해야 하기 때문에 일반적인 사용자가 웹 문서를 편집하기에는 많은 어려움이 존재했었다.
또한, 기존의 웹 문서에 대한 편집을 지원하는 툴에서는 사용자가 도형을 삽입하고, 웹 문서 상에 삽입되어 있는 도형을 편집하고자 하는 경우, 도형을 이미지 형태로 삽입할 수 있도록 하는 기능만을 제공하고 있어서, 사용자가 웹 문서 상에서 해당 도형의 색상, 테두리 굵기, 크기 등과 같은 속성을 쉽게 변경할 수 없었다.
따라서, 사용자가 마크업 언어 태그를 직접 수정하지 않더라도, 웹 문서를 손쉽게 편집할 수 있도록 지원함과 동시에 웹 문서 상에 도형을 손쉽게 삽입하고 편집할 수 있도록 지원하는 웹 문서 편집 툴 기술에 대한 연구가 필요하다.
본 발명은 사용자가 웹 문서에 대한 편집을 수행할 수 있도록 지원하는 편집 인터페이스를 제공하고, 사용자가 웹 문서에 대한 편집을 수행하면, 상기 편집에 대응되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)를 자동으로 변경하여 변경된 마크업 언어 태그에 기초한 렌더링을 수행함으로써, 사용자가 손쉽게 웹 문서에 대한 편집을 수행할 수 있도록 지원하고자 한다.
또한, 본 발명은 사용자가 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형을 삽입하는 경우, 상기 웹 문서를 구성하는 마크업 언어 태그 상에 상기 도형의 속성이 정의되어 있는 SVG 태그를 생성하여 삽입함으로써, 상기 웹 문서 상에 SVG 파일 형식을 갖는 도형이 삽입되도록 지원하고, 사용자가 상기 도형에 대한 편집을 수행하는 경우, 상기 편집에 대응하여 상기 SVG 태그 상에 정의되어 있는 상기 도형에 대한 속성 값을 변경한 후 상기 SVG 태그를 기초로 한 렌더링을 수행함으로써, 사용자가 상기 도형을 손쉽게 편집할 수 있도록 지원하고자 한다.
본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치는 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시하는 편집 인터페이스 표시부, 사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)에 대한 변경을 수행하는 편집 처리부 및 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱(parsing)하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 갱신부를 포함한다.
또한, 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시하는 단계, 사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어 태그에 대한 변경을 수행하는 단계 및 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 단계를 포함한다.
본 발명은 사용자가 웹 문서에 대한 편집을 수행할 수 있도록 지원하는 편집 인터페이스를 제공하고, 사용자가 웹 문서에 대한 편집을 수행하면, 상기 편집에 대응되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)를 자동으로 변경하여 변경된 마크업 언어 태그에 기초한 렌더링을 수행함으로써, 사용자가 손쉽게 웹 문서에 대한 편집을 수행할 수 있도록 지원할 수 있다.
또한, 본 발명은 사용자가 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형을 삽입하는 경우, 상기 웹 문서를 구성하는 마크업 언어 태그 상에 상기 도형의 속성이 정의되어 있는 SVG 태그를 생성하여 삽입함으로써, 상기 웹 문서 상에 SVG 파일 형식을 갖는 도형이 삽입되도록 지원하고, 사용자가 상기 도형에 대한 편집을 수행하는 경우, 상기 편집에 대응하여 상기 SVG 태그 상에 정의되어 있는 상기 도형에 대한 속성 값을 변경한 후 상기 SVG 태그를 기초로 한 렌더링을 수행함으로써, 사용자가 상기 도형을 손쉽게 편집할 수 있도록 지원할 수 있다.
도 1은 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2 내지 도 4는 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작을 설명하기 위한 도면이다.
도 5는 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
이하에서는 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명하기로 한다. 이러한 설명은 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였으며, 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 본 명세서 상에서 사용되는 모든 용어들은 본 발명이 속하는 기술분야에서 통상의 지식을 가진 사람에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.
도 1은 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 1을 참조하면, 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치(110)는 편집 인터페이스 표시부(111), 편집 처리부(112) 및 갱신부(113)를 포함한다.
편집 인터페이스 표시부(111)는 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시한다.
예컨대, 편집 인터페이스 표시부(111)는 도 2에 도시된 바와 같이, 브라우저를 통해 소정의 웹 문서가 표시되면, 도면부호 211에 도시된 바와 같이, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스(211)를 구성하여 상기 브라우저의 일측면에 표시할 수 있다.
이때, 상기 편집 인터페이스(211)는 도 2에 도시된 바와 같이, 사용자가 웹 문서를 편집할 수 있도록 복수의 편집 명령들의 실행을 지시하는 편집 명령 버튼들로 구성될 수 있다.
편집 처리부(112)는 사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)에 대한 변경을 수행한다.
예컨대, 사용자가 상기 웹 문서에 소정의 글자를 수정하라는 편집 명령을 인가하는 경우, 편집 처리부(112)는 상기 글자를 수정하라는 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어 태그를 자동으로 수정할 수 있다.
여기서, 마크업 언어 태그란 HTML(Hypertext Markup Language) 태그나 XML(eXtensible Markup Language) 태그와 같이, 마크업 언어(Markup Language)를 기반으로 작성된 문서를 구성하는 태그를 의미한다.
갱신부(113)는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱(parsing)하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용한다.
이때, 본 발명의 일실시예에 따르면, 갱신부(113)는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용할 수 있다.
이때, 본 발명의 일실시예에 따르면, 편집 처리부(112)는 SVG 태그 생성부(114) 및 SVG 태그 삽입부(115)를 포함할 수 있다.
SVG 태그 생성부(114)는 상기 사용자에 의해 상기 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되면, 상기 도형의 스타일 속성과 상기 웹 문서 상에서의 상기 도형의 삽입 위치 및 상기 도형의 크기를 확인하여, 상기 웹 문서를 구성하는 상기 마크업 언어 태그 상에 삽입 가능한 SVG 태그(상기 SVG 태그에는 상기 도형의 스타일 속성과 상기 도형의 삽입 위치 및 상기 도형의 크기를 지시하는 속성 값이 정의되어 있음)를 생성한다.
SVG 태그 삽입부(115)는 상기 SVG 태그를 상기 웹 문서를 구성하는 마크업 언어 태그 상에 삽입하여 상기 마크업 언어 태그에 대한 변경을 처리한다.
이때, 갱신부(113)는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 도형의 삽입을 적용할 수 있다.
예컨대, 도 2에 도시된 바와 같이, 사용자가 상기 웹 문서 상에 SVG 파일 형식을 갖는 도형(212)을 삽입하면, SVG 태그 생성부(114)는 도형(212)의 내부 색상, 테두리 크기, 테두리 색상 등과 같은 스타일 속성과 도형(212)의 상기 웹 문서 상에서의 삽입 위치 및 도형(212)의 크기를 확인하여 도형(212)의 스타일 속성과 도형(212)의 삽입 위치 및 도형(212)의 크기를 지시하는 속성 값이 정의된 SVG 태그를 생성할 수 있다.
여기서, SVG란 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의되어 검색화, 목록화, 스크립트화가 가능하며 필요하다면 압축도 가능하다.
이렇게, 도형(212)의 스타일 속성과 도형(212)의 삽입 위치 및 도형(212)의 크기를 지시하는 속성 값이 정의된 SVG 태그의 생성이 완료되면, SVG 태그 삽입부(115)는 도 3에 도시된 바와 같이, 상기 웹 문서를 구성하는 마크업 언어 태그 상에 상기 SVG 태그를 삽입하여 상기 마크업 언어 태그에 대한 변경을 처리할 수 있다.
관련해서, SVG 태그 생성부(114)는 도 3의 도면부호 312에 도시된 바와 같이, 도형(212)의 스타일 속성이 정의된 SVG 태그를 생성하고, 도면부호 311에 도시된 바와 같이, "embed src"라는 태그를 이용하여 웹 문서 상에 SVG 파일 형식을 갖는 도형(212)을 삽입하기 위한 위치와 크기가 정의된 태그를 생성할 수 있으며, SVG 태그 삽입부(115)는 SVG 태그 생성부(114)에서 생성된 SVG 태그를 도 3에 도시된 바와 같이 상기 웹 문서를 구성하는 마크업 언어 태그 상에 삽입할 수 있다.
이렇게, 상기 웹 문서를 구성하는 마크업 언어 태그 상에 도 3에 도시된 도면과 같이, 상기 SVG 태그의 삽입이 완료되면, 갱신부(113)는 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 도 2에 도시된 바와 같이 상기 웹 문서에 대해 도형(212)의 삽입을 적용할 수 있다.
이때, 본 발명의 일실시예에 따르면, 편집 처리부(112)는 SVG 태그 변경부(116)를 더 포함할 수 있다.
SVG 태그 변경부(116)는 상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 도형의 스타일 속성, 상기 도형의 상기 웹 문서 상에서의 삽입 위치 또는 상기 도형의 크기의 변경을 지시하는 도형 편집 명령이 수신되면, 상기 도형 편집 명령에 따른 도형 편집 사항이 상기 웹 문서 상에 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행한다.
이때, 갱신부(113)는 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 속성 값의 변경이 완료된 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형에 대해 상기 도형 편집 명령에 따른 변경을 적용할 수 있다.
즉, 도 2에 도시된 바와 같이, 웹 문서 상에 도형(212)의 삽입이 완료된 이후, 사용자가 도형(212)의 스타일 속성을 변경하거나, 위치 또는 크기를 변경하는 경우, SVG 태그 변경부(116)는 도형(212)의 스타일 속성 변경, 위치 또는 크기 변경에 대응되도록 도 3에 도시되어 있는 SVG 태그에 정의되어 있는 속성 값을 변경할 수 있고, 갱신부(113)는 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 속성 값의 변경이 완료된 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 도형(212)에 대한 변경 작업을 완료할 수 있다.
또한, 본 발명의 일실시예에 따르면, 편집 처리부(112)는 제1 위치 정보 확인부(117), 제2 위치 정보 확인부(118) 및 위치 정보 판단부(119)를 더 포함할 수 있다.
제1 위치 정보 확인부(117)는 상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 웹 문서 상에 추가 편집 명령(상기 추가 편집 명령은 상기 도형에 대해 직접 발생한 편집 명령이 아님)이 인가되면, 상기 추가 편집 명령이 발생한 위치에 대한 상기 웹 문서 상에서의 제1 위치 정보를 확인한다.
제2 위치 정보 확인부(118)는 상기 SVG 태그에 정의되어 있는 속성 값을 참조하여 상기 웹 문서 상에서 상기 도형이 입력되어 있는 위치와 연관된 제2 위치 정보를 확인한다.
위치 정보 판단부(119)는 상기 제1 위치 정보와 상기 제2 위치 정보를 비교하여 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는지 여부를 판단한다.
이때, 갱신부(113)는 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링(re-rendering)을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시할 수 있다.
예컨대, 도 4에 도시된 바와 같이 웹 문서 상에 텍스트열 1(411), 텍스트열 2(412), 텍스트열 3(413)과 도형(420)이 삽입되어 있는 상태에서, 사용자에 의해 텍스트열 3(413)에 추가 편집 명령이 인가되면, 제1 위치 정보 확인부(117)는 상기 추가 편집 명령이 발생한 위치에 대한 상기 웹 문서 상에서의 제1 위치 정보를 확인할 수 있다.
그리고, 제2 위치 정보 확인부(118)는 상기 SVG 태그에 정의되어 있는 속성 값을 참조하여 상기 웹 문서 상에서 도형(420)이 입력되어 있는 위치와 연관된 제2 위치 정보를 확인할 수 있다.
이때, 위치 정보 판단부(119)는 상기 제1 위치 정보와 상기 제2 위치 정보를 비교하여 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는지 여부를 판단할 수 있다.
도 4의 실시예에서는 상기 추가 편집 명령이 텍스트열 3(413)에서 발생하였으므로, 위치 정보 판단부(119)는 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단할 수 있다.
이때, 갱신부(113)는 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단되었기 때문에, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 도형(420)을 다시 표시할 수 있다.
일반적으로, 웹 문서 상에 SVG 파일 형식을 갖는 도형이 삽입된 경우, 상기 도형의 스타일 등이 변경되더라도 상기 웹 문서에서 상기 도형보다 상위에 존재하는 콘텐츠에 대해 편집이 발생하게 되면, 브라우저는 상기 SVG 형식을 갖는 도형을 원본 스타일로 초기화하여 표시하는 특성을 가지고 있다.
따라서, 사용자가 웹 문서 상에 SVG 파일 형식을 갖는 도형을 삽입한 후 상기 도형에 대해 편집을 수행하더라도, 상기 웹 문서의 상위 부분에 위치하고 있는 다른 콘텐츠에 대해 편집이 발생하게 되면, 상기 도형의 편집이 원래 상태로 초기화되는 문제가 발생할 수 있다. 이러한 문제를 해결하기 위해, 본 발명에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치(110)는 도 4에 도시된 바와 같이, 웹 문서 상에 삽입되어 있는 도형(420)의 위치보다 상위 위치에 존재하는 콘텐츠들에 대해 편집이 발생하면, 상기 웹 문서를 구성하는 마크업 언어 태그에서 도형(420)의 스타일, 위치, 크기 등을 정의하고 있는 SVG 태그를 기초로 도형(420)에 대한 랜더링을 다시 수행함으로써, 사용자에 의해 편집된 도형(420)의 스타일 등이 원본 상태로 초기화되는 것이 아니라, 그대로 유지되도록 함으로써, 사용자의 편의를 도모할 수 있다.
이때, 본 발명의 일실시예에 따르면, 편집 처리부(112)는 편집 명령 확인부(120)를 더 포함할 수 있다.
편집 명령 확인부(120)는 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인지 여부를 확인한다.
이때, SVG 태그 변경부(116)는 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인 것으로 확인되면, 상기 추가 편집 명령에 따라 상기 웹 문서 상에서의 상기 도형의 위치 변화가 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행할 수 있다.
그리고, 갱신부(113)는 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시할 수 있다.
관련해서, 도 4에 도시된 바와 같이, 웹 문서 상에 텍스트열 1(411), 텍스트열 2(412), 텍스트열 3(413)과 도형(420)이 삽입되어 있는 상태에서, 사용자에 의해 텍스트열 1(411)과 텍스트열 2(412) 사이에 1줄의 추가 텍스트열을 삽입하도록 하는 추가 편집 명령이 인가되었다면, 텍스트열 2(412) 이하에 존재하는 모든 콘텐츠들은 상기 웹 문서 상에서의 위치가 1줄 내려가야 한다.
이로 인해, 상기 웹 문서에 포함되어 있는 도형(420)은 상기 추가 편집 명령에 의해서 상기 웹 문서 상에서의 위치 변화가 발생하게 되며, 이때, 편집 명령 확인부(120)는 상기 추가 편집 명령을 도형(420)에 대한 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령으로 확인할 수 있다.
이때, SVG 태그 변경부(116)는 상기 추가 편집 명령이 도형(420)의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인 것으로 확인되었으므로, 상기 추가 편집 명령에 따라 상기 웹 문서 상에서의 도형(420)의 위치 변화가 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행할 수 있다.
즉, SVG 태그 변경부(116)는 텍스트열 1(411)과 텍스트열 2(412) 사이에 1줄의 추가 텍스트열이 삽입되는 추가 편집 명령이 인가되었으므로, 상기 웹 문서 상에서 도형(420)의 위치가 1줄 아래로 이동하도록 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행할 수 있다.
그러고 나서, 갱신부(113)는 도형(420)의 상기 웹 문서 상에서의 위치가 상기 추가 편집 명령이 인가된 위치보다 하위에 존재하기 때문에, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시할 수 있다.
즉, 갱신부(113)는 도형(420)의 위치가 1줄 아래로 이동하도록 속성 값이 변경된 상기 SVG 태그에 기초하여 도형(420)에 대한 렌더링을 다시 수행함으로써, 상기 웹 문서 상에서 도형(420)의 위치가 1줄 아래로 이동하도록 처리할 수 있다.
도 5는 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
단계(S510)에서는 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시한다.
단계(S520)에서는 사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어 태그에 대한 변경을 수행한다.
단계(S530)에서는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용한다.
이때, 본 발명의 일실시예에 따르면, 단계(S530)에서는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델을 생성한 후 상기 문서 객체 모델에 기초하여 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용할 수 있다.
또한, 본 발명의 일실시예에 따르면, 단계(S520)에서는 상기 사용자에 의해 상기 웹 문서 상에 SVG 파일 형식을 갖는 도형이 입력되면, 상기 도형의 스타일 속성과 상기 웹 문서 상에서의 상기 도형의 삽입 위치 및 상기 도형의 크기를 확인하여, 상기 웹 문서를 구성하는 상기 마크업 언어 태그 상에 삽입 가능한 SVG 태그(상기 SVG 태그에는 상기 도형의 스타일 속성과 상기 도형의 삽입 위치 및 상기 도형의 크기를 지시하는 속성 값이 정의되어 있음)를 생성하는 단계 및 상기 SVG 태그를 상기 웹 문서를 구성하는 마크업 언어 태그 상에 삽입하여 상기 마크업 언어 태그에 대한 변경을 처리하는 단계를 포함할 수 있다.
이때, 단계(S530)에서는 상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 도형의 삽입을 적용할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 도형의 스타일 속성, 상기 도형의 상기 웹 문서 상에서의 삽입 위치 또는 상기 도형의 크기의 변경을 지시하는 도형 편집 명령이 수신되면, 상기 도형 편집 명령에 따른 도형 편집 사항이 상기 웹 문서 상에 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하는 단계 및 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 속성 값의 변경이 완료된 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형에 대해 상기 도형 편집 명령에 따른 변경을 적용하는 단계를 더 포함할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 웹 문서 상에 추가 편집 명령(상기 추가 편집 명령은 상기 도형에 대해 직접 발생한 편집 명령이 아님)이 인가되면, 상기 추가 편집 명령이 발생한 위치에 대한 상기 웹 문서 상에서의 제1 위치 정보를 확인하는 단계, 상기 SVG 태그에 정의되어 있는 속성 값을 참조하여 상기 웹 문서 상에서 상기 도형이 입력되어 있는 위치와 연관된 제2 위치 정보를 확인하는 단계, 상기 제1 위치 정보와 상기 제2 위치 정보를 비교하여 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는지 여부를 판단하는 단계 및 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 단계를 더 포함할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인지 여부를 확인하는 단계 및 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인 것으로 확인되면, 상기 추가 편집 명령에 따라 상기 웹 문서 상에서의 상기 도형의 위치 변화가 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하는 단계를 더 포함할 수 있고, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 단계는 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시할 수 있다.
이상, 도 5를 참조하여 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법에 대해 설명하였다. 여기서, 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 도 1 내지 도 4를 이용하여 설명한 웹 문서의 편집을 지원하는 클라이언트 단말 장치(110)의 동작에 대한 구성과 대응될 수 있으므로, 이에 대한 보다 상세한 설명은 생략하기로 한다.
본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램으로 구현될 수 있다.
또한, 본 발명의 일실시예에 따른 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.

Claims (14)

  1. 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시하는 편집 인터페이스 표시부;
    사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)에 대한 변경을 수행하는 편집 처리부; 및
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱(parsing)하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 갱신부
    를 포함하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  2. 제1항에 있어서,
    상기 갱신부는
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  3. 제1항에 있어서,
    상기 편집 처리부는
    상기 사용자에 의해 상기 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되면, 상기 도형의 스타일 속성과 상기 웹 문서 상에서의 상기 도형의 삽입 위치 및 상기 도형의 크기를 확인하여, 상기 웹 문서를 구성하는 상기 마크업 언어 태그 상에 삽입 가능한 SVG 태그 - 상기 SVG 태그에는 상기 도형의 스타일 속성과 상기 도형의 삽입 위치 및 상기 도형의 크기를 지시하는 속성 값이 정의되어 있음 - 를 생성하는 SVG 태그 생성부; 및
    상기 SVG 태그를 상기 웹 문서를 구성하는 마크업 언어 태그 상에 삽입하여 상기 마크업 언어 태그에 대한 변경을 처리하는 SVG 태그 삽입부
    를 포함하고,
    상기 갱신부는
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 도형의 삽입을 적용하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  4. 제3항에 있어서,
    상기 편집 처리부는
    상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 도형의 스타일 속성, 상기 도형의 상기 웹 문서 상에서의 삽입 위치 또는 상기 도형의 크기의 변경을 지시하는 도형 편집 명령이 수신되면, 상기 도형 편집 명령에 따른 도형 편집 사항이 상기 웹 문서 상에 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하는 SVG 태그 변경부
    를 더 포함하고,
    상기 갱신부는
    상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 속성 값의 변경이 완료된 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형에 대해 상기 도형 편집 명령에 따른 변경을 적용하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  5. 제4항에 있어서,
    상기 편집 처리부는
    상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 웹 문서 상에 추가 편집 명령 - 상기 추가 편집 명령은 상기 도형에 대해 직접 발생한 편집 명령이 아님 - 이 인가되면, 상기 추가 편집 명령이 발생한 위치에 대한 상기 웹 문서 상에서의 제1 위치 정보를 확인하는 제1 위치 정보 확인부;
    상기 SVG 태그에 정의되어 있는 속성 값을 참조하여 상기 웹 문서 상에서 상기 도형이 입력되어 있는 위치와 연관된 제2 위치 정보를 확인하는 제2 위치 정보 확인부; 및
    상기 제1 위치 정보와 상기 제2 위치 정보를 비교하여 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는지 여부를 판단하는 위치 정보 판단부
    를 더 포함하고,
    상기 갱신부는
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링(re-rendering)을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  6. 제5항에 있어서,
    상기 편집 처리부는
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인지 여부를 확인하는 편집 명령 확인부
    를 더 포함하고,
    상기 SVG 태그 변경부는
    상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인 것으로 확인되면, 상기 추가 편집 명령에 따라 상기 웹 문서 상에서의 상기 도형의 위치 변화가 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하며,
    상기 갱신부는
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치.
  7. 브라우저를 통해 웹 문서가 표시되면, 상기 브라우저 상에서 상기 웹 문서에 대한 편집이 가능하도록 하는 편집 인터페이스를 구성하여 상기 브라우저의 일측면에 표시하는 단계;
    사용자에 의해 상기 웹 문서에 포함되어 있는 콘텐츠에 대한 편집을 지시하는 편집 명령이 입력되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 적용되도록 상기 웹 문서를 구성하는 마크업 언어(Markup Language) 태그(tag)에 대한 변경을 수행하는 단계; 및
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱(parsing)하여, 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 단계
    를 포함하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  8. 제7항에 있어서,
    상기 편집 명령에 따른 편집 사항을 적용하는 단계는
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 웹 문서에 대한 문서 객체 모델(Document Object Model)을 생성한 후 상기 문서 객체 모델에 기초하여 상기 마크업 언어 태그에서 상기 편집 명령에 따라 변경된 태그에 대응하는 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 편집 명령에 따른 편집 사항을 적용하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  9. 제7항에 있어서,
    상기 마크업 언어 태그에 대한 변경을 수행하는 단계는
    상기 사용자에 의해 상기 웹 문서 상에 스케일러블 벡터 그래픽스(Scalable Vector Graphics: SVG) 파일 형식을 갖는 도형이 입력되면, 상기 도형의 스타일 속성과 상기 웹 문서 상에서의 상기 도형의 삽입 위치 및 상기 도형의 크기를 확인하여, 상기 웹 문서를 구성하는 상기 마크업 언어 태그 상에 삽입 가능한 SVG 태그 - 상기 SVG 태그에는 상기 도형의 스타일 속성과 상기 도형의 삽입 위치 및 상기 도형의 크기를 지시하는 속성 값이 정의되어 있음 - 를 생성하는 단계; 및
    상기 SVG 태그를 상기 웹 문서를 구성하는 마크업 언어 태그 상에 삽입하여 상기 마크업 언어 태그에 대한 변경을 처리하는 단계
    를 포함하고,
    상기 편집 명령에 따른 편집 사항을 적용하는 단계는
    상기 마크업 언어 태그의 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서에 대해 상기 도형의 삽입을 적용하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  10. 제9항에 있어서,
    상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 도형의 스타일 속성, 상기 도형의 상기 웹 문서 상에서의 삽입 위치 또는 상기 도형의 크기의 변경을 지시하는 도형 편집 명령이 수신되면, 상기 도형 편집 명령에 따른 도형 편집 사항이 상기 웹 문서 상에 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하는 단계; 및
    상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경이 완료되면, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 속성 값의 변경이 완료된 상기 SVG 태그가 삽입된 부분에 대한 렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형에 대해 상기 도형 편집 명령에 따른 변경을 적용하는 단계
    를 더 포함하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  11. 제10항에 있어서,
    상기 웹 문서 상에 상기 도형의 삽입이 완료된 이후, 상기 사용자에 의해 상기 웹 문서 상에 추가 편집 명령 - 상기 추가 편집 명령은 상기 도형에 대해 직접 발생한 편집 명령이 아님 - 이 인가되면, 상기 추가 편집 명령이 발생한 위치에 대한 상기 웹 문서 상에서의 제1 위치 정보를 확인하는 단계;
    상기 SVG 태그에 정의되어 있는 속성 값을 참조하여 상기 웹 문서 상에서 상기 도형이 입력되어 있는 위치와 연관된 제2 위치 정보를 확인하는 단계;
    상기 제1 위치 정보와 상기 제2 위치 정보를 비교하여 상기 웹 문서 상에서 상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는지 여부를 판단하는 단계; 및
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링(re-rendering)을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 단계
    를 더 포함하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  12. 제11항에 있어서,
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인지 여부를 확인하는 단계; 및
    상기 추가 편집 명령이 상기 도형의 상기 웹 문서 상에서의 위치 변화를 유발하는 편집 명령인 것으로 확인되면, 상기 추가 편집 명령에 따라 상기 웹 문서 상에서의 상기 도형의 위치 변화가 반영되도록 상기 웹 문서를 구성하는 상기 마크업 언어 태그에서 상기 SVG 태그에 정의되어 있는 속성 값에 대한 변경을 수행하는 단계
    를 더 포함하고,
    상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 단계는
    상기 제2 위치 정보에 따른 위치가 상기 제1 위치 정보에 따른 위치보다 하위에 존재하는 것으로 판단된 경우, 상기 브라우저를 통해 상기 웹 문서를 구성하는 상기 마크업 언어 태그를 파싱하여, 상기 SVG 태그가 삽입된 부분에 대한 재렌더링을 수행함으로써, 상기 웹 문서 상에 삽입되어 있는 상기 도형을 다시 표시하는 웹 문서의 편집을 지원하는 클라이언트 단말 장치의 동작 방법.
  13. 제7항 내지 제12항 중 어느 한 항의 방법을 컴퓨터로 하여금 수행하도록 하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.
  14. 제7항 내지 제12항 중 어느 한 항의 방법을 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램.
PCT/KR2018/004368 2017-04-21 2018-04-16 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법 WO2018194323A1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2017-0051395 2017-04-21
KR1020170051395A KR101809457B1 (ko) 2017-04-21 2017-04-21 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Publications (1)

Publication Number Publication Date
WO2018194323A1 true WO2018194323A1 (ko) 2018-10-25

Family

ID=60954233

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2018/004368 WO2018194323A1 (ko) 2017-04-21 2018-04-16 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법

Country Status (2)

Country Link
KR (1) KR101809457B1 (ko)
WO (1) WO2018194323A1 (ko)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112035848A (zh) * 2019-06-04 2020-12-04 珠海金山办公软件有限公司 图形文本内容的保护方法、装置、电子设备及存储介质
CN112115485A (zh) * 2019-06-04 2020-12-22 珠海金山办公软件有限公司 文档中图形宽高的保护方法、装置、电子设备及存储介质

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101991297B1 (ko) * 2018-04-16 2019-06-20 주식회사 한글과컴퓨터 문서 편집 인터페이스의 커스터마이징을 지원하는 웹 기반의 문서 편집 지원 장치 및 그 동작 방법
KR102053075B1 (ko) * 2018-05-17 2019-12-06 주식회사 한글과컴퓨터 전자 문서 편집 장치 및 이의 동작 방법
KR102168324B1 (ko) * 2019-03-04 2020-10-21 주식회사 한글과컴퓨터 문서 편집 서버와 연동된 웹 기반의 문서 작성 환경에서 개체별 상태 변경을 가능하게 하는 전자 단말 장치 및 그 동작 방법
CN110704778B (zh) * 2019-09-25 2023-02-10 许昌许继软件技术有限公司 监控组态文件实时发布方法和***及监控***、Web服务器

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004046858A (ja) * 2002-06-28 2004-02-12 Microsoft Corp ドキュメントオブジェクト衝突を解消する方法
KR20040046171A (ko) * 2002-11-26 2004-06-05 한국전자통신연구원 엘리먼트 기반 웹 문서의 파싱시스템 및 그 방법
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
KR20090056504A (ko) * 2007-11-30 2009-06-03 주식회사 케이티 모달리티에 관한 ｄｏｍ 이벤트 처리를 위한 프록시,멀티모달 단말기, ｄｏｍ 이벤트 처리 방법, 모달리티동기화 방법
KR20100011296A (ko) * 2008-07-24 2010-02-03 삼성전자주식회사 웹 페이지 재구성 방법 및 장치
KR20160106494A (ko) * 2015-03-02 2016-09-12 캐논 가부시끼가이샤 정보 처리 시스템, 서버 장치, 제어 방법 및 저장 매체

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2004046858A (ja) * 2002-06-28 2004-02-12 Microsoft Corp ドキュメントオブジェクト衝突を解消する方法
KR20040046171A (ko) * 2002-11-26 2004-06-05 한국전자통신연구원 엘리먼트 기반 웹 문서의 파싱시스템 및 그 방법
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
KR20090056504A (ko) * 2007-11-30 2009-06-03 주식회사 케이티 모달리티에 관한 ｄｏｍ 이벤트 처리를 위한 프록시,멀티모달 단말기, ｄｏｍ 이벤트 처리 방법, 모달리티동기화 방법
KR20100011296A (ko) * 2008-07-24 2010-02-03 삼성전자주식회사 웹 페이지 재구성 방법 및 장치
KR20160106494A (ko) * 2015-03-02 2016-09-12 캐논 가부시끼가이샤 정보 처리 시스템, 서버 장치, 제어 방법 및 저장 매체

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112035848A (zh) * 2019-06-04 2020-12-04 珠海金山办公软件有限公司 图形文本内容的保护方法、装置、电子设备及存储介质
CN112115485A (zh) * 2019-06-04 2020-12-22 珠海金山办公软件有限公司 文档中图形宽高的保护方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
KR101809457B1 (ko) 2017-12-15

Similar Documents

Publication Publication Date Title
WO2018194323A1 (ko) 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법
US11216253B2 (en) Application prototyping tool
US20040041818A1 (en) Design system for website text graphics
JPH10124495A (ja) 原稿テキスト生成処理装置及びそのプログラム記憶媒体
US9195653B2 (en) Identification of in-context resources that are not fully localized
US20100100807A1 (en) Data processing device, and data processing method
JP3580481B2 (ja) 音声読み上げ範囲の指定方法および装置
WO2018004020A1 (ko) 마크업 언어 기반 문서에 대한 동시 편집 정합성 검증 장치 및 방법
US20070198915A1 (en) Document Processing Device And Document Processing Method
US20070208995A1 (en) Document Processing Device and Document Processing Method
WO2018212485A1 (ko) 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법
EP1744256A1 (en) Document processing device and document processing method
EP1783628A1 (en) Document processing method and device
KR101709186B1 (ko) 인터랙티브 멀티미디어 전자책 저작 장치 및 방법
EP1837776A1 (en) Document processing device and document processing method
JPWO2005098662A1 (ja) 文書処理装置及び文書処理方法
KR20190061895A (ko) 웹 기반 문서의 템플릿을 변경하는 웹 기반 문서 편집 서버 및 이의 동작 방법
EP1780645A1 (en) Document processing method and device
US20090287994A1 (en) Document processing device and document processing method
KR100261265B1 (ko) 웹 문서 저작을 위한 장치 및 그 운용 방법
KR102010522B1 (ko) 공동 편집 대상 문서 상에서 편집을 수행하고 있는 다른 유저의 이름 표시가 가능한 클라이언트 단말 장치 및 그 동작 방법
WO2018212486A1 (ko) 마크업 언어 기반 문서의 조합 글자 동기화 장치 및 그의 동작 방법
Zea Mastering Responsive Web Design
WO2016108677A1 (ko) 웹 컨텐츠 출력 장치 및 방법
CN115879417A (zh) 媒体编辑方法、装置、计算机及可读存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18788339

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18788339

Country of ref document: EP

Kind code of ref document: A1