WO2018212485A1 - 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법 - Google Patents

웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법 Download PDF

Info

Publication number
WO2018212485A1
WO2018212485A1 PCT/KR2018/005058 KR2018005058W WO2018212485A1 WO 2018212485 A1 WO2018212485 A1 WO 2018212485A1 KR 2018005058 W KR2018005058 W KR 2018005058W WO 2018212485 A1 WO2018212485 A1 WO 2018212485A1
Authority
WO
WIPO (PCT)
Prior art keywords
style
web document
external content
information
editing
Prior art date
Application number
PCT/KR2018/005058
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 WO2018212485A1 publication Critical patent/WO2018212485A1/ko

Links

Images

Classifications

    • 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 techniques for web document editing tools that support the editing of web documents.
  • 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 manipulated by scripting languages such as JavaScript.
  • 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 web document editing tool is a tool that runs directly on a browser and supports a user to edit a web document on the browser.
  • the web document editing tool is composed of a script such as JavaScript for running on the browser.
  • the web document editing tool may edit the web document so that the edited content according to the editing command is reflected in the web document.
  • the web document editing tool is a predetermined style on the web document (the style is related to the format information such as the shape and color to be applied to the content.
  • the web document editing tool indicates a color, a border thickness, etc. of the figure.
  • the content to which the applied information is applied is inserted, it may have a rule of generating markup language code for generating a style property by itself so that the style of the content may be most appropriately represented on the web document. .
  • the markup language code having a complicated tag structure is used to express the styled content on the web document.
  • the web document editing tool has its own markup language code generation rules for applying the style to the content in order to optimally apply the style of the content to be displayed on the web document.
  • the markup language code having a complex tag structure is not used to represent the content on the web document, but is applied according to the generation rule of the markup language code defined by the web document editing tool.
  • the image with "gradation effect” applied to a general web document is applied.
  • the image having the "gradation effect” applied to the web document is included in the complex tag structure by including the known HTML code related to the style attribute for the "gradation effect" on the HTML code constituting the web document. Expressed.
  • the web document editing tool may be used.
  • a separate HTML code is generated based on the generation rule of markup language code corresponding to the style display method supported by the web document editing tool itself.
  • the web document editing tool has its own rules for generating markup language code for styling content.
  • the user edits the web document through the web document editing tool, the user has a different rule.
  • copying external content such as a predetermined image from a web page and pasting it on a web document currently being edited, in consideration of a rule for generating markup language code for a style supported by the web document editing tool,
  • the user when a user edits a web document through a web document editing tool, the user copies an external content such as an image from another web page, and pastes it on the web document currently being edited.
  • the paste processing may be performed on the web document while maintaining the original style for the external content in consideration of a rule for generating a markup language code for a style supported by the web document editing tool. We want to provide a technique to support this.
  • a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool may include a first web document editing tool; A tool for editing a web document on a browser, comprising a script to be run on the browser-information on a plurality of styles for a predetermined content and supported by the plurality of styles. Information about a rule for generating a markup language code corresponding to each of the plurality of styles for applying each of them to the content to be inserted on the web document through the first web document editing tool is stored.
  • a style information storage unit wherein the first web document editing tool is driven through the browser
  • a frame generation unit for generating an internal frame for displaying another web document on the first web document when a paste command for external content is applied to the first web document placed in the box; Inserting data for the external content on a frame and parsing markup language code for the external content defined on the inner frame when insertion of the data for the external content on the inner frame is complete.
  • An intermediate storage unit for checking a style property of the external content, and a style of the external content among information on the plurality of styles stored in the style information storage unit based on the style property of the external content; Check the information on the first style corresponding to the attribute, and store the first information from the style information storage.
  • the external content is an attribute of the first style based on an information extraction unit for extracting a rule for generating a first markup language code stored in correspondence with information about a style and a rule for generating the first markup language code.
  • a paste processing unit which completes pasting of the external content with respect to the first web document by generating the edit code instructing to have a mark and then inserting the edit code into a markup language code constituting the first web document It includes.
  • a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool may include: a first web document editing tool;
  • the web document editing tool is a tool for enabling editing of a web document on a browser.
  • the web document editing tool includes a script for running on the browser.
  • a style in which information about a rule for generating markup language code corresponding to each of the plurality of styles for applying each of the styles to the content to be inserted on the web document through the first web document editing tool is stored Maintaining an information storage unit, wherein the first web document editing tool is driven through the browser; Generating an internal frame for displaying another web document on the first web document when a paste command for external content is applied to the first web document placed in an edit state according to the present invention. Inserting data for the external content into the, and when the insertion of the data for the external content on the inner frame is completed, parsing markup language code for the external content defined on the inner frame to parse the external content.
  • the user when a user edits a web document through a web document editing tool, the user copies an external content such as an image from another web page, and pastes it on the web document currently being edited.
  • the paste processing may be performed on the web document while maintaining the original style for the external content in consideration of a rule for generating a markup language code for a style supported by the web document editing tool. It can provide a mechanism to support this.
  • FIG. 1 is a diagram illustrating a structure of a client terminal apparatus capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to an embodiment of the present invention.
  • FIG. 2 is a flowchart illustrating a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to an embodiment of the present invention.
  • FIG. 1 is a diagram illustrating a structure of a client terminal apparatus capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to an embodiment of the present invention.
  • a client terminal device 110 capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to the present invention may include a style information storage unit 111 and a frame generation.
  • a unit 112, an intermediate storage unit 113, an information extraction unit 114, and a paste processing unit 115 are included.
  • the style information storage unit 111 may include information about a plurality of styles for content that is predetermined as being supported by a first web document editing tool and each of the plurality of styles through the first web document editing tool. Information on a generation rule of a markup language code corresponding to each of the plurality of styles to be applied to the content to be inserted into the image is stored.
  • the first web document editing tool is a tool for enabling editing of a web document on a browser, and is composed of a script for running on the browser.
  • the style is related to format information such as a shape and a color to be applied to the content.
  • the style refers to information indicating surface color, border thickness, and the like of the figure.
  • the markup language code generation rule means that when the user wants to apply a style to a predetermined content through the first web document editing tool, the style is applied to the content on the web document and expressed. Refers to a method of generating markup language code that is supported by the web document editing tool.
  • the general web document uses a markup language code having a complicated tag structure so that the "gradation effect” is applied to the image itself.
  • the code “span class” is used to generate a predetermined view box in which the image is inserted and displayed on the web document.
  • a style called “gradation effect” is applied to the view box into which the image is inserted through Cascading Style Sheets (CSS) code, so that the "gradation effect” is applied to the image on the web document.
  • CSS Cascading Style Sheets
  • the style information storage unit 111 has a plurality of external content style attributes predetermined as style attributes corresponding to the respective styles for each piece of information about the plurality of styles. Information may be additionally stored correspondingly.
  • Style 1 Rule 1 External content style property 1
  • Style 2 Rule 2
  • Style 3 Rule three External content style property 3 ... ... ...
  • the frame generator 112 When a paste command for external content copied from a web page is applied, the frame generator 112 generates an internal frame for showing another web document on the first web document.
  • the frame generation unit 112 uses the "iframe" tag to execute the first web document. You can create an internal frame to display other web documents on the screen.
  • HTML Hypertext Markup Language
  • the intermediate storage unit 113 inserts data for the external content onto the inner frame, and when insertion of data for the external content onto the inner frame is completed, the intermediate storage 113 inserts data into the external content defined on the inner frame. Parsing the markup language code for the content attribute identifies the style attribute for the external content.
  • the internal frame when data for the external content is inserted on the internal frame, the internal frame has a complex tag structure for displaying the external content in a general web document to represent the external content. It can consist of code.
  • the intermediate storage unit 113 may parse the markup language code of the external content defined on the internal frame to check the style attribute of the external content.
  • the information extracting unit 114 corresponds to the style attribute of the external content among the information on the plurality of styles stored in the style information storage 111 based on the style attribute of the external content.
  • the information about the first style is checked, and a generation rule of the first markup language code stored in correspondence with the information about the first style is extracted from the style information storage 111.
  • the information extractor 114 may include a style attribute checker 116, a style checker 117, and a rule extractor 118.
  • the style property checking unit 116 may include a style property of the external content among information on the plurality of external content style properties stored on the style information storage unit 111 based on the style property of the external content; Identify information about a matching first external content style attribute.
  • the style checking unit 117 may store information on the style stored in correspondence with the information on the first external content style attribute among the information on the plurality of styles stored on the style information storage 111. Confirm with the information about the first style.
  • the rule extractor 118 extracts the generation rule of the first markup language code stored in correspondence with the information about the first style from the style information storage 111.
  • the style attribute of the external content is determined. If it is confirmed that the "external content style attribute 2", the style attribute confirming unit 116 is connected to the external content among the information on the plurality of external content style attributes stored on the style information storage 111. You can see "External Content Style Attribute 2", which is information about an external content style attribute that matches the style attribute for.
  • the style checking unit 117 is information about a style stored in correspondence with the "external content style attribute 2" among the information on the plurality of styles stored on the style information storage 111. You can find information about "Style 2".
  • the rule extractor 118 may extract a rule for generating a markup language code called “rule 2” stored in correspondence with the information on the “style 2” from the style information storage 111. .
  • the paste processing unit 115 determines that the external content is the attribute of the first style based on the generation rule of the first markup language code. After the editing code instructing to have is generated, the editing code is inserted into the markup language code constituting the first web document, thereby completing the pasting of the external content for the first web document.
  • the paste processing unit 115 may include an edit code generation unit 121, an action generation unit 122, and an action execution unit 123.
  • the edit code generation unit 121 generates the edit code indicating that the external content has the property of the first style based on the generation rule of the first markup language code.
  • the action generator 122 generates an action for executing a paste command for the external content on the first web document based on the edit code.
  • the action execution unit 123 executes the action to insert the edit code into the markup language code constituting the first web document, thereby performing a paste process for the external content on the first web document. do.
  • the information extracting unit 114 uses the code "span class" on the first web document. Assume that a rule for generating the first markup language code has been extracted that instructs a view called “gradation effect” to be applied through CSS code to the view box after an image has been inserted to generate a predetermined view box. lets do it.
  • the editing code generation unit 121 generates a predetermined view box in which the image is inserted and displayed on the web document based on the generation rule of the first markup language code, and generates a CSS code for the view box. This allows you to generate editing code that defines the style's properties that cause a style called "gradient effect" to be applied.
  • the action generator 122 may generate an action for executing a paste command for the image on the first web document based on the edit code.
  • the action execution unit 123 executes the action to insert the edit code into the markup language code constituting the first web document, thereby pasting the image onto the first web document. Can be performed.
  • the image may be displayed on the first web document in a state in which a style related to the “gradation effect” is applied.
  • the client terminal device 110 capable of pasting external content for a web document according to a style attribute stores information on different basic styles predetermined for each type of content.
  • the basic style information storage unit 119 may be further included.
  • the basic style information storage unit 119 may store information as shown in Table 2 below.
  • the information extractor 114 may further include a basic style information extractor 120.
  • the basic style information extractor 120 stores the style attribute checker 116 on the style information storage 111 based on the style attribute of the external content according to the paste command for the external content. As a result of checking whether there is an external content style property that matches the style property of the external content among the information on the plurality of external content style properties, the plurality of external items stored on the style information storage unit 111 are identified. If it is determined that there is no information on the external content style property that matches the style property of the external content among the information on the content style properties, the basic style information storage unit 119 corresponds to the type of the external content. And extract information about the first basic style that is stored.
  • the style attribute for the external content identified by the intermediate storage unit 113 is set to a style attribute not supported by the first web document editing tool.
  • the basic style information extracting unit 120 may be configured to include the first web document editing tool.
  • the basic style information storage unit 119 which stores information on basic styles predefined for each type of content, is stored in the external content as shown in Table 2 above. Information about the first basic style corresponding to the type of information may be extracted.
  • the rule extractor 118 corresponds to the information on the first basic style among the information on the plurality of styles from the style information storage 111. Extraction of the generated rule of generating the second markup language code may be performed.
  • the paste processing unit 115 generates a basic editing code indicating that the external content has an attribute of the first basic style based on the generation rule of the second markup language code, and then pastes the first web document. By inserting the basic editing code into the markup language code constituting, pasting of the external content to the first web document can be completed.
  • the client terminal device 110 capable of pasting the external content for the web document according to the style attribute supported by the web document editing tool according to the present invention has a style attribute specified in the external content. If the style is not supported by the document editing tool, the external content may be processed to be inserted and displayed on the first web document according to a predetermined basic style.
  • the client terminal device 110 capable of pasting external content for a web document according to a style attribute supported by the web document editing tool is connected to a document co-editing server (not shown). After participating in the co-editing session of the document, an operation for co-editing the document with other client terminals (not shown) may be performed.
  • a plurality of client terminal devices access the document co-editing server, and then edit the web document through the first web document editing tool, and whenever an edit to the web document occurs,
  • the document co-editing server transmits the action received from each client terminal device to a client terminal device of another user, and each client terminal device
  • the action is reflected on the web document being edited by the client terminal device so that each user who participates in the co-editing of the document always has the same edit state. Assist in securing.
  • the paste processing unit 115 equally reflects the paste command for the external content to the web document being edited by the client terminal device of another user who participated in the document co-editing session. In order to be able to be, it may further include an action transmission unit 124.
  • the action generating unit 124 uses the edit code based on the edit code.
  • the action is transmitted to the document co-editing server.
  • the document co-editing server may transmit the action to the other client terminal device, and when the action is received from the document co-editing server, the other client terminal device On the second web document (the second web document is a document having the same editing state as the first web document) in the edit state by the first web document editing tool driven through a browser installed in the By executing the action, the pasting to the external content may be completed for the second web document.
  • FIG. 2 is a flowchart illustrating a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to an embodiment of the present invention.
  • the first web document editing tool (the first web document editing tool is a tool for enabling editing of a web document in a browser, and is configured as a script for running on the browser).
  • the first web document editing tool is a tool for enabling editing of a web document in a browser, and is configured as a script for running on the browser.
  • the first web document editing tool maintains a style information storage unit that stores information on generation rules of markup language codes.
  • step S230 data for the external content is inserted into the internal frame, and when insertion of data for the external content is completed on the internal frame, a mark for the external content defined on the internal frame is completed. Parse the up-language code to determine the style properties for the external content.
  • information on the first style corresponding to the style attribute of the external content is provided among the information on the plurality of styles stored in the style information storage unit based on the style attribute of the external content.
  • the rule for generating a first markup language code stored in correspondence with the information on the first style is extracted from the style information storage unit.
  • step S250 the markup language code constituting the first web document after generating an editing code indicating that the external content has the property of the first style based on the generation rule of the first markup language code.
  • the style information storage unit has information about a plurality of external content style attributes predetermined as a style attribute corresponding to each style, for each piece of information about the plurality of styles. May further be stored correspondingly.
  • step S240 the first information matching the style property of the external content among the information on the plurality of external content style properties stored on the style information storage unit based on the style property of the external content.
  • an operation method of a client terminal device capable of pasting external content for a web document according to a style attribute supported by the web document editing tool may be different from each other in advance. Maintaining a basic style information storage unit in which information on basic styles is stored, and matching a style attribute of the external content among information on the plurality of external content style attributes stored on the style information storage unit; Extracting information on the first basic style stored corresponding to the type of the external content from the basic style information storage unit when the information on the external content style attribute does not exist; When information about the image is extracted, the image information is stored from the style information storage unit.
  • the method may further include completing the pasting of the external content with respect to the document.
  • step S250 generating the edit code indicating that the external content has the first style attribute based on the generation rule of the first markup language code. Generating an action for executing a paste command for the external content on the first web document based on the editing code; and executing the action to markup language code constituting the first web document. And inserting the edit code for the external content on the first web document.
  • a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by the web document editing tool may include: If the document is being edited jointly with another client terminal device participating in the co-editing session, generating the action to execute a paste command for the external content on the first web document based on the edit code When this is completed, the method may further include transmitting the action to the document co-editing server.
  • the document co-editing server may transmit the action to the other client terminal device, and when the action is received from the document co-editing server, the other client terminal device On the second web document (the second web document is a document having the same editing state as the first web document) in the edit state by the first web document editing tool driven through a browser installed in the By executing the action, the pasting to the external content may be completed for the second web document.
  • a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by the web document editing tool according to an embodiment of the present invention is a web document editing tool described with reference to FIG. 1.
  • the style attribute supported by it may correspond to the configuration of the operation of the client terminal device 110 capable of pasting external content for a web document, and thus a detailed description thereof will be omitted.
  • An operation method of a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool according to an embodiment of the present invention may be implemented in a storage medium for execution by combining with a computer. It can be implemented as a stored computer program.
  • a method of operating a client terminal device capable of pasting external content for a web document according to a style attribute supported by a web document editing tool may be executed by various computer means. It may be implemented in the form of instructions and written to 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)
  • Audiology, Speech & Language Pathology (AREA)
  • Health & Medical Sciences (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Artificial Intelligence (AREA)
  • Information Transfer Between Computers (AREA)
  • Document Processing Apparatus (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법이 개시된다. 본 발명은 웹 문서 편집툴을 통해서 사용자가 웹 문서에 대한 편집을 수행할 때, 사용자가 다른 웹 페이지 등에서 소정의 이미지 등과 같은 외부 콘텐츠를 복사한 후 현재 편집 중인 웹 문서 상에 붙여넣기를 진행하는 경우, 상기 웹 문서 편집툴이 지원하는 스타일에 대한 마크업 언어(Markup Language) 코드의 생성 규칙을 고려해서, 상기 외부 콘텐츠에 대해 원 스타일을 유지하면서 상기 웹 문서 상에 붙여넣기 처리를 수행할 수 있도록 지원하는 기법을 제공할 수 있다.

Description

웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법
본 발명은 웹 문서의 편집을 지원하는 웹 문서 편집툴에 대한 기술들과 관련된다.
웹 문서는 브라우저를 통해서 볼 수 있는 문서로, HTML(Hypertext Markup Language)이나 XML(eXtensible Markup Language)과 같이, 마크업 언어(Markup Language)를 기반으로 작성된 문서를 의미한다.
브라우저에서는 웹 문서를 렌더링하여 화면으로 표시하기 위해서, 문서 객체 모델(Document Object Model)을 사용한다. 문서 객체 모델은 객체 지향 모델로써 구조화된 문서를 표현하는 형식이고, 그래픽, 텍스트, 헤드라인, 스타일 등 웹의 모든 요소가 자바스크립트(JavaScript) 등과 같은 스크립트 언어에 의해 조정될 수 있도록 해준다.
브라우저에서는 마크업 언어를 기반으로 작성된 웹 문서를 파싱(parsing)하여 문서 객체 모델을 생성한 후 이를 기초로 웹 문서를 렌더링하여 화면 상에 상기 웹 문서를 표시하게 된다.
일반적으로 사용자가 웹 문서를 편집하기 위해서는 웹 문서를 구성하는 마크업 언어 코드를 직접 수정해야 했었다. 예컨대, 사용자가 HTML로 만들어진 웹 문서에 소정의 이미지를 삽입하고자 하는 경우, "embed src"라고 하는 코드를 활용해서, HTML 코드에 직접 관련 명령어를 삽입해야 하기 때문에 일반적인 사용자가 웹 문서를 편집하기에는 많은 어려움이 존재했었다.
이러한, 웹 문서 편집의 어려움을 덜어주기 위해, 최근에는 그래픽 유저 인터페이스를 통해 웹 문서를 사용자가 손쉽게 편집할 수 있도록 지원하는 웹 문서 편집툴이 등장하고 있다.
이러한 웹 문서 편집툴은 브라우저 상에서 직접 구동되어, 사용자가 상기 브라우저 상에서 웹 문서를 편집할 수 있도록 지원하는 툴로서, 상기 브라우저 상에서 구동되기 위해 자바스크립트 등과 같은 스크립트로 구성되어 있다.
웹 문서 편집툴은 사용자가 웹 문서에 포함되어 있는 텍스트, 이미지, 도형 등과 같은 콘텐츠에 대해 편집 명령을 인가하게 되면, 상기 편집 명령에 따른 편집 사항이 상기 웹 문서에 반영될 수 있도록 상기 웹 문서를 구성하는 마크업 언어 코드에 대한 수정을 지원한다.
이러한 웹 문서 편집툴은 웹 문서 상에 소정의 스타일(상기 스타일은 콘텐츠에 적용될 모양, 색상 등의 서식 정보와 관련된 것으로, 상기 콘텐츠가 도형이라고 하는 경우, 상기 도형의 면 색상, 테두리 굵기 등을 지시하는 정보를 의미함)이 적용된 콘텐츠가 삽입될 경우, 상기 콘텐츠에 대한 스타일을 상기 웹 문서 상에서 가장 적절하게 표현할 수 있도록 자체적으로 스타일 속성을 생성하기 위한 마크업 언어 코드의 생성 규칙을 가지고 있을 수 있다.
일반적인 마크업 언어 코드로 구성된 웹 문서에서는 콘텐츠에 스타일이 적용되어 있을 경우, 스타일이 적용된 콘텐츠를 웹 문서 상에서 표현하기 위해, 복잡한 태그 구조를 갖는 마크업 언어 코드를 사용하며, 웹 문서 상에서 상기 콘텐츠에 적용된 스타일을 정확하게 표현하지 못하는 경우가 많다. 따라서, 웹 문서 편집툴에서는 콘텐츠의 스타일을 최적으로 적용해서 웹 문서 상에 표현하기 위해, 콘텐츠에 스타일을 적용하기 위한 자체적인 마크업 언어 코드의 생성 규칙을 가지고 있어서, 사용자에 의해 콘텐츠에 스타일이 적용되는 경우, 복잡한 태그 구조를 갖는 마크업 언어 코드로 웹 문서 상에 상기 콘텐츠를 표현하는 것이 아니라, 상기 웹 문서 편집툴에서 자체적으로 정의해 두고 있는 마크업 언어 코드의 생성 규칙에 따라, 스타일 적용을 위한 마크업 언어 코드를 생성함으로써, 상기 웹 문서 상에 스타일이 적용된 콘텐츠를 표현할 수 있다.
예컨대, HTML로 작성된 웹 문서 상에 이미지가 삽입되는 경우를 가정하였을 때, 상기 이미지에 대해 "그러데이션(gradation) 효과"라고 하는 스타일이 적용되어 있다고 한다면, 일반적인 웹 문서 상에서는 "그러데이션 효과"가 적용된 이미지를 표현하기 위해, 상기 웹 문서를 구성하는 HTML 코드 상에 "그러데이션 효과"에 대한 스타일 속성과 관련된 이미 알려진 HTML 코드를 복잡한 태그 구조로 포함시킴으로써, 상기 웹 문서 상에 "그러데이션 효과"가 적용된 이미지를 표현하였다.
하지만, 콘텐츠의 스타일을 적용하기 위한 자체적인 마크업 언어 코드의 생성 규칙을 갖는 웹 문서 편집툴을 통해 상기 웹 문서 상에 "그러데이션 효과"가 적용된 이미지가 삽입되는 경우, 상기 웹 문서 편집툴은 상기 웹 문서 상에서 상기 이미지에 대해 "그러데이션 효과"를 보다 효율적으로 표현하기 위해서, 상기 웹 문서 편집툴에서 자체적으로 지원하는 스타일 표시 방법에 대응하는 마크업 언어 코드의 생성 규칙에 기초하여 별도의 HTML 코드를 생성한 후 상기 웹 문서 상에 삽입함으로써, 상기 웹 문서 상에서 "그러데이션 효과"가 적용된 이미지를 표현할 수 있다.
이렇게, 웹 문서 편집툴에서는 콘텐츠의 스타일 적용을 위한 자체적인 마크업 언어 코드의 생성 규칙을 가지고 있다는 점에서, 이러한 웹 문서 편집툴을 통해서 사용자가 웹 문서에 대한 편집을 수행할 때, 사용자가 다른 웹 페이지 등에서 소정의 이미지 등과 같은 외부 콘텐츠를 복사한 후 현재 편집 중인 웹 문서 상에 붙여넣기를 진행하는 경우, 상기 웹 문서 편집툴이 지원하는 스타일에 대한 마크업 언어 코드의 생성 규칙을 고려해서, 상기 외부 콘텐츠에 대해 원 스타일을 유지하면서 상기 웹 문서 상에 붙여넣기 처리를 수행할 수 있도록 지원하는 기술에 대한 연구가 필요하다.
본 발명은 웹 문서 편집툴을 통해서 사용자가 웹 문서에 대한 편집을 수행할 때, 사용자가 다른 웹 페이지 등에서 소정의 이미지 등과 같은 외부 콘텐츠를 복사한 후 현재 편집 중인 웹 문서 상에 붙여넣기를 진행하는 경우, 상기 웹 문서 편집툴이 지원하는 스타일에 대한 마크업 언어(Markup Language) 코드의 생성 규칙을 고려해서, 상기 외부 콘텐츠에 대해 원 스타일을 유지하면서 상기 웹 문서 상에 붙여넣기 처리를 수행할 수 있도록 지원하는 기법을 제공하고자 한다.
본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치는 제1 웹 문서 편집툴 - 상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트(Script)로 구성되어 있음 - 에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어(Markup Language) 코드의 생성 규칙에 대한 정보가 저장되어 있는 스타일 정보 저장부, 상기 브라우저를 통해 상기 제1 웹 문서 편집툴이 구동됨에 따라 편집 상태에 놓여있는 제1 웹 문서에 대해, 외부 콘텐츠에 대한 붙여넣기 명령이 인가되면, 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임(frame)을 생성하는 프레임 생성부, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱(parsing)하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인하는 중간 저장부, 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출하는 정보 추출부 및 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 붙여넣기 처리부를 포함한다.
또한, 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 제1 웹 문서 편집툴 - 상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트로 구성되어 있음 - 에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어 코드의 생성 규칙에 대한 정보가 저장되어 있는 스타일 정보 저장부를 유지하는 단계, 상기 브라우저를 통해 상기 제1 웹 문서 편집툴이 구동됨에 따라 편집 상태에 놓여있는 제1 웹 문서에 대해, 외부 콘텐츠에 대한 붙여넣기 명령이 인가되면, 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임을 생성하는 단계, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인하는 단계, 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출하는 단계 및 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 단계를 포함한다.
본 발명은 웹 문서 편집툴을 통해서 사용자가 웹 문서에 대한 편집을 수행할 때, 사용자가 다른 웹 페이지 등에서 소정의 이미지 등과 같은 외부 콘텐츠를 복사한 후 현재 편집 중인 웹 문서 상에 붙여넣기를 진행하는 경우, 상기 웹 문서 편집툴이 지원하는 스타일에 대한 마크업 언어(Markup Language) 코드의 생성 규칙을 고려해서, 상기 외부 콘텐츠에 대해 원 스타일을 유지하면서 상기 웹 문서 상에 붙여넣기 처리를 수행할 수 있도록 지원하는 기법을 제공할 수 있다.
도 1은 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 2는 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
이하에서는 본 발명에 따른 실시예들을 첨부된 도면을 참조하여 상세하게 설명하기로 한다. 이러한 설명은 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였으며, 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 본 명세서 상에서 사용되는 모든 용어들은 본 발명이 속하는 기술분야에서 통상의 지식을 가진 사람에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다.
도 1은 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 구조를 도시한 도면이다.
도 1을 참조하면, 본 발명에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치(110)는 스타일 정보 저장부(111), 프레임 생성부(112), 중간 저장부(113), 정보 추출부(114) 및 붙여넣기 처리부(115)를 포함한다.
스타일 정보 저장부(111)에는 제1 웹 문서 편집툴에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어 코드의 생성 규칙에 대한 정보가 저장되어 있다.
여기서, 상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트(Script)로 구성되어 있다.
그리고, 스타일이란 콘텐츠에 적용될 모양, 색상 등의 서식 정보와 관련된 것으로, 상기 콘텐츠가 도형이라고 하는 경우, 상기 도형의 면 색상, 테두리 굵기 등을 지시하는 정보를 의미한다.
또한, 마크업 언어 코드의 생성 규칙이란 사용자가 상기 제1 웹 문서 편집툴을 통해서 소정의 콘텐츠에 스타일을 적용하고자 할 때, 상기 웹 문서 상에서 상기 콘텐츠에 스타일을 적용해서 표현하기 위해, 상기 제1 웹 문서 편집툴에서 자체적으로 지원하는 마크업 언어 코드의 생성 방법을 의미한다.
예컨대, 웹 문서에 삽입될 이미지에 "그러데이션 효과"라고 하는 스타일이 적용된다고 하는 경우, 일반적인 웹 문서에서는 복잡한 태그 구조를 갖는 마크업 언어 코드를 이용해서 상기 이미지 자체에 대해 "그러데이션 효과"가 적용되도록 처리하지만, 상기 제1 웹 문서 편집툴에서는 "span class"라는 코드를 이용해서, 상기 웹 문서 상에 상기 이미지가 삽입되어 표시될 소정의 뷰 박스(view box)를 생성하도록 한 후 상기 이미지 자체가 아니라, 상기 이미지가 삽입된 상기 뷰 박스에 대해 CSS(Cascading Style Sheets) 코드를 통해 "그러데이션 효과"라고 하는 스타일이 적용되도록 함으로써, 결과적으로 상기 웹 문서 상에서 상기 이미지에 "그러데이션 효과"가 적용되도록 하는 방식의 마크업 언어 코드의 생성 규칙이 지정되어 있을 수 있다.
이때, 본 발명의 일실시예에 따르면, 스타일 정보 저장부(111)에는 상기 복수의 스타일들에 대한 정보 각각에 대해, 각 스타일들에 대응되는 스타일 속성으로 미리 정해진 복수의 외부 콘텐츠 스타일 속성들에 대한 정보가 추가로 대응되어 저장되어 있을 수 있다.
관련해서, 스타일 정보 저장부(111)에는 하기의 표 1과 같이 정보가 저장되어 있을 수 있다.
복수의 스타일들에 대한 정보 마크업 언어 코드의 생성 규칙 복수의 외부 콘텐츠 스타일 속성들
스타일 1 규칙 1 외부 콘텐츠 스타일 속성 1
스타일 2 규칙 2 외부 콘텐츠 스타일 속성 2
스타일 3 규칙 3 외부 콘텐츠 스타일 속성 3
... ... ...
이렇게, 스타일 정보 저장부(111)가 유지되고 있는 상태에서, 사용자가 상기 브라우저를 통해 상기 제1 웹 문서 편집툴을 구동하여, 제1 웹 문서를 편집하는 도중, 상기 제1 웹 문서에 대해 다른 웹 페이지 등에서 복사한 외부 콘텐츠에 대한 붙여넣기 명령을 인가하게 되면, 프레임 생성부(112)는 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임(frame)을 생성한다.
이때, 본 발명의 일실시예에 따르면, 프레임 생성부(112)는 상기 제1 웹 문서가 HTML(Hypertext Markup Language)로 구성된 웹 문서인 경우, "iframe" 태그를 이용해서, 상기 제1 웹 문서 상에서 다른 웹 문서를 보여주기 위한 내부 프레임을 생성할 수 있다.
중간 저장부(113)는 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱(parsing)하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인한다.
관련해서, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터가 삽입되게 되면, 상기 내부 프레임은 상기 외부 콘텐츠를 표현하기 위해, 일반적인 웹 문서에서 상기 외부 콘텐츠를 표시하기 위한 복잡한 태그 구조를 갖는 마크업 언어 코드로 구성될 수 있다. 이때, 중간 저장부(113)는 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인할 수 있다.
그 이후, 정보 추출부(114)는 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 스타일 정보 저장부(111)에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 스타일 정보 저장부(111)로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출한다.
이때, 본 발명의 일실시예에 따르면, 정보 추출부(114)는 스타일 속성 확인부(116), 스타일 확인부(117) 및 규칙 추출부(118)를 포함할 수 있다.
스타일 속성 확인부(116)는 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 제1 외부 콘텐츠 스타일 속성에 대한 정보를 확인한다.
스타일 확인부(117)는 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 중 상기 제1 외부 콘텐츠 스타일 속성에 대한 정보에 대응되어 저장되어 있는 스타일에 대한 정보를 상기 제1 스타일에 대한 정보로 확인한다.
규칙 추출부(118)는 스타일 정보 저장부(111)로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 상기 제1 마크업 언어 코드의 생성 규칙에 대한 추출을 수행한다.
예컨대, 스타일 정보 저장부(111) 상에 상기 표 1과 같이 정보가 저장되어 있다고 하고, 중간 저장부(113)에 의해 상기 외부 콘텐츠에 대한 스타일 속성이 확인된 결과, 상기 외부 콘텐츠에 대한 스타일 속성이 "외부 콘텐츠 스타일 속성 2"로 확인되었다고 하는 경우, 스타일 속성 확인부(116)는 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성에 대한 정보인 "외부 콘텐츠 스타일 속성 2"를 확인할 수 있다.
그리고, 스타일 확인부(117)는 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 중 상기 "외부 콘텐츠 스타일 속성 2"에 대응되어 저장되어 있는 스타일에 대한 정보인 "스타일 2"에 대한 정보로 확인할 수 있다.
그러고 나서, 규칙 추출부(118)는 스타일 정보 저장부(111)로부터 상기 "스타일 2"에 대한 정보에 대응되어 저장되어 있는 "규칙 2"라고 하는 마크업 언어 코드의 생성 규칙을 추출할 수 있다.
이렇게, 상기 제1 마크업 언어 코드의 생성 규칙에 대한 추출이 완료되면, 붙여넣기 처리부(115)는 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료한다.
이때, 본 발명의 일실시예에 따르면, 붙여넣기 처리부(115)는 편집 코드 생성부(121), 액션 생성부(122) 및 액션 실행부(123)를 포함할 수 있다.
편집 코드 생성부(121)는 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 상기 편집 코드를 생성한다.
액션 생성부(122)는 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 액션을 생성한다.
액션 실행부(123)는 상기 액션을 실행하여 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 처리를 수행한다.
예컨대, 상기 외부 콘텐츠가 이미지이고, 상기 이미지에 대한 스타일 속성이 "그러데이션 효과"와 관련된 스타일 속성이라서, 정보 추출부(114)에서 "span class"라는 코드를 이용해서, 상기 제1 웹 문서 상에 이미지가 삽입되어 표시될 소정의 뷰 박스가 생성되도록 한 후 상기 뷰 박스에 대해 CSS 코드를 통해 "그러데이션 효과"라고 하는 스타일이 적용되도록 지시하는 상기 제1 마크업 언어 코드의 생성 규칙이 추출되었다고 가정하자.
이때, 편집 코드 생성부(121)는 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 웹 문서 상에서 상기 이미지가 삽입되어 표시될 소정의 뷰 박스를 생성하고, 상기 뷰 박스에 대해 CSS 코드를 통해 "그러데이션 효과"라고 하는 스타일이 적용되도록 하는 스타일의 속성을 정의한 편집 코드를 생성할 수 있다.
그리고, 액션 생성부(122)는 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 이미지에 대한 붙여넣기 명령을 실행하기 위한 액션을 생성할 수 있다.
그러고 나서, 액션 실행부(123)는 상기 액션을 실행하여 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서 상에 상기 이미지에 대한 붙여넣기 처리를 수행할 수 있다.
이로 인해, 상기 제1 웹 문서 상에서는 상기 이미지가 "그러데이션 효과"와 관련된 스타일이 적용된 상태로 표시될 수 있다.
본 발명의 일실시예에 따르면, 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치(110)는 콘텐츠의 종류별로 미리 정해진 서로 다른 기본 스타일들에 대한 정보가 저장되어 있는 기본 스타일 정보 저장부(119)를 더 포함할 수 있다.
관련해서, 기본 스타일 정보 저장부(119)에는 하기 표 2와 같이 정보가 저장되어 있을 수 있다.
콘텐츠의 종류 기본 스타일들에 대한 정보
도형 기본 스타일 1
텍스트 기본 스타일 2
이미지 기본 스타일 3
... ...
이때, 본 발명의 일실시예에 따르면, 정보 추출부(114)는 기본 스타일 정보 추출부(120)를 더 포함할 수 있다.
기본 스타일 정보 추출부(120)는 상기 외부 콘텐츠에 대한 붙여넣기 명령에 따라, 스타일 속성 확인부(116)가 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성이 존재하는지 여부를 확인한 결과, 스타일 정보 저장부(111) 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성에 대한 정보가 존재하지 않는 것으로 확인된 경우, 기본 스타일 정보 저장부(119)로부터 상기 외부 콘텐츠의 종류에 대응되어 저장되어 있는 제1 기본 스타일에 대한 정보를 추출한다.
즉, 사용자에 의해 상기 외부 콘텐츠에 대한 붙여넣기 명령이 인가됨에 따라, 중간 저장부(113)에 의해서 확인된 상기 외부 콘텐츠에 대한 스타일 속성이 상기 제1 웹 문서 편집툴에서는 지원되지 않은 스타일 속성에 해당됨으로 인해, 스타일 정보 저장부(111) 상에 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 스타일에 대한 정보가 존재하지 않는 경우, 기본 스타일 정보 추출부(120)는 상기 제1 웹 문서 편집툴이 상기 외부 콘텐츠에 대한 스타일 속성을 지원하지 못할 경우에 대비하여 상기 표 2와 같이 콘텐츠의 종류별로 미리 지정해둔 기본 스타일들에 대한 정보가 저장되어 있는 기본 스타일 정보 저장부(119)로부터 상기 외부 콘텐츠에 대한 종류에 대응하는 제1 기본 스타일에 대한 정보를 추출할 수 있다.
이때, 규칙 추출부(118)는 상기 제1 기본 스타일에 대한 정보가 추출되면, 스타일 정보 저장부(111)로부터 상기 복수의 스타일들에 대한 정보 중 상기 제1 기본 스타일에 대한 정보에 대응되어 저장되어 있는 제2 마크업 언어 코드의 생성 규칙에 대한 추출을 수행할 수 있다.
그리고, 붙여넣기 처리부(115)는 상기 제2 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 기본 스타일의 속성을 갖도록 지시하는 기본 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 기본 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료할 수 있다.
결국, 본 발명에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치(110)는 상기 외부 콘텐츠에 지정되어 있는 스타일 속성이 상기 제1 웹 문서 편집툴에서 지원되지 않는 스타일인 경우, 미리 정해진 기본 스타일에 따라 상기 외부 콘텐츠가 상기 제1 웹 문서 상에서 삽입되어 표시되도록 처리할 수 있다.
본 발명의 일실시예에 따르면, 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치(110)는 문서 공동 편집 서버(미도시)에 접속해서 문서의 공동 편집 세션에 참가한 후 다른 클라이언트 단말들(미도시)과 문서에 대한 공동 편집을 위한 동작을 수행할 수 있다.
이러한 문서의 공동 편집은 다수의 클라이언트 단말 장치들이 상기 문서 공동 편집 서버에 접속한 후 각자 상기 제1 웹 문서 편집툴을 통해서 웹 문서에 대한 편집을 수행하고, 상기 웹 문서에 대한 편집이 발생할 때마다 각 편집을 반영하기 위한 액션을 생성한 후 상기 문서 공동 편집 서버에 전송하면, 상기 문서 공동 편집 서버가 각 클라이언트 단말 장치로부터 수신한 액션을 다른 유저의 클라이언트 단말 장치로 전송하고, 각 클라이언트 단말 장치가 상기 문서 공동 편집 서버로부터 다른 유저의 액션을 수신하면, 해당 액션을 자신의 클라이언트 단말 장치에서 편집 중인 웹 문서 상에 반영함으로써, 문서의 공동 편집에 참여한 각 유저들이 항상 동일한 편집 상태를 갖는 웹 문서를 확보하도록 지원한다.
이와 관련해서, 본 발명의 일실시예에 따르면, 붙여넣기 처리부(115)는 상기 외부 콘텐츠에 대한 붙여넣기 명령을 문서 공동 편집 세션에 참가한 다른 유저의 클라이언트 단말 장치에서 편집 중인 웹 문서에 동일하게 반영될 수 있도록 하기 위해, 액션 전송부(124)를 더 포함할 수 있다.
액션 전송부(124)는 상기 제1 웹 문서가 문서 공동 편집 서버를 공동 편집 세션에 참가한 다른 클라이언트 단말 장치와 공동으로 편집 중인 문서인 경우, 액션 생성부(122)에서 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 상기 액션의 생성이 완료되면, 상기 액션을 상기 문서 공동 편집 서버로 전송한다.
이때, 상기 문서 공동 편집 서버는 상기 액션이 수신되면, 상기 액션을 상기 다른 클라이언트 단말 장치로 전송할 수 있고, 상기 다른 클라이언트 단말 장치는 상기 문서 공동 편집 서버로부터 상기 액션이 수신되면, 상기 다른 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 구동되는 상기 제1 웹 문서 편집툴에 의해 편집 상태에 놓여있는 제2 웹 문서(상기 제2 웹 문서는 상기 제1 웹 문서와 동일한 편집 상태를 갖는 문서임)상에서 상기 액션을 실행함으로써, 상기 제2 웹 문서에 대해 상기 외부 콘텐츠에 대한 붙여넣기를 완료할 수 있다.
도 2는 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법을 도시한 순서도이다.
단계(S210)에서는 제1 웹 문서 편집툴(상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트로 구성되어 있음)에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어 코드의 생성 규칙에 대한 정보가 저장되어 있는 스타일 정보 저장부를 유지한다.
단계(S220)에서는 상기 브라우저를 통해 상기 제1 웹 문서 편집툴이 구동됨에 따라 편집 상태에 놓여있는 제1 웹 문서에 대해, 외부 콘텐츠에 대한 붙여넣기 명령이 인가되면, 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임을 생성한다.
단계(S230)에서는 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인한다.
단계(S240)에서는 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출한다.
단계(S250)에서는 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료한다.
이때, 본 발명의 일실시예에 따르면, 상기 스타일 정보 저장부에는 상기 복수의 스타일들에 대한 정보 각각에 대해, 각 스타일들에 대응되는 스타일 속성으로 미리 정해진 복수의 외부 콘텐츠 스타일 속성들에 대한 정보가 추가로 대응되어 저장되어 있을 수 있다.
이때, 단계(S240)에서는 상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 제1 외부 콘텐츠 스타일 속성에 대한 정보를 확인하는 단계, 상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 중 상기 제1 외부 콘텐츠 스타일 속성에 대한 정보에 대응되어 저장되어 있는 스타일에 대한 정보를 상기 제1 스타일에 대한 정보로 확인하는 단계 및 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 상기 제1 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하는 단계를 포함할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 콘텐츠의 종류별로 미리 정해진 서로 다른 기본 스타일들에 대한 정보가 저장되어 있는 기본 스타일 정보 저장부를 유지하는 단계, 상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성에 대한 정보가 존재하지 않는 경우, 상기 기본 스타일 정보 저장부로부터 상기 외부 콘텐츠의 종류에 대응되어 저장되어 있는 제1 기본 스타일에 대한 정보를 추출하는 단계, 상기 제1 기본 스타일에 대한 정보가 추출되면, 상기 스타일 정보 저장부로부터 상기 복수의 스타일들에 대한 정보 중 상기 제1 기본 스타일에 대한 정보에 대응되어 저장되어 있는 제2 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하는 단계 및 상기 제2 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 기본 스타일의 속성을 갖도록 지시하는 기본 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 기본 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 단계를 더 포함할 수 있다.
또한, 본 발명의 일실시예에 따르면, 단계(S250)에서는 상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 상기 편집 코드를 생성하는 단계, 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 액션을 생성하는 단계 및 상기 액션을 실행하여 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 처리를 수행하는 단계를 포함할 수 있다.
이때, 본 발명의 일실시예에 따르면, 상기 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 상기 제1 웹 문서가 문서 공동 편집 서버를 공동 편집 세션에 참가한 다른 클라이언트 단말 장치와 공동으로 편집 중인 문서인 경우, 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 상기 액션의 생성이 완료되면, 상기 액션을 상기 문서 공동 편집 서버로 전송하는 단계를 더 포함할 수 있다.
이때, 상기 문서 공동 편집 서버는 상기 액션이 수신되면, 상기 액션을 상기 다른 클라이언트 단말 장치로 전송할 수 있고, 상기 다른 클라이언트 단말 장치는 상기 문서 공동 편집 서버로부터 상기 액션이 수신되면, 상기 다른 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 구동되는 상기 제1 웹 문서 편집툴에 의해 편집 상태에 놓여있는 제2 웹 문서(상기 제2 웹 문서는 상기 제1 웹 문서와 동일한 편집 상태를 갖는 문서임)상에서 상기 액션을 실행함으로써, 상기 제2 웹 문서에 대해 상기 외부 콘텐츠에 대한 붙여넣기를 완료할 수 있다.
이상, 도 2를 참조하여 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법에 대해 설명하였다. 여기서, 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 도 1을 이용하여 설명한 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치(110)의 동작에 대한 구성과 대응될 수 있으므로, 이에 대한 보다 상세한 설명은 생략하기로 한다.
본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램으로 구현될 수 있다.
또한, 본 발명의 일실시예에 따른 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 본 발명을 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다.
이상과 같이 본 발명에서는 구체적인 구성 요소 등과 같은 특정 사항들과 한정된 실시예 및 도면에 의해 설명되었으나 이는 본 발명의 보다 전반적인 이해를 돕기 위해서 제공된 것일 뿐, 본 발명은 상기의 실시예에 한정되는 것은 아니며, 본 발명이 속하는 분야에서 통상적인 지식을 가진 자라면 이러한 기재로부터 다양한 수정 및 변형이 가능하다.
따라서, 본 발명의 사상은 설명된 실시예에 국한되어 정해져서는 아니되며, 후술하는 특허청구범위뿐 아니라 이 특허청구범위와 균등하거나 등가적 변형이 있는 모든 것들은 본 발명 사상의 범주에 속한다고 할 것이다.

Claims (12)

  1. 제1 웹 문서 편집툴 - 상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트(Script)로 구성되어 있음 - 에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어(Markup Language) 코드의 생성 규칙에 대한 정보가 저장되어 있는 스타일 정보 저장부;
    상기 브라우저를 통해 상기 제1 웹 문서 편집툴이 구동됨에 따라 편집 상태에 놓여있는 제1 웹 문서에 대해, 외부 콘텐츠에 대한 붙여넣기 명령이 인가되면, 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임(frame)을 생성하는 프레임 생성부;
    상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱(parsing)하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인하는 중간 저장부;
    상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출하는 정보 추출부; 및
    상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 붙여넣기 처리부
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치.
  2. 제1항에 있어서,
    상기 스타일 정보 저장부에는
    상기 복수의 스타일들에 대한 정보 각각에 대해, 각 스타일들에 대응되는 스타일 속성으로 미리 정해진 복수의 외부 콘텐츠 스타일 속성들에 대한 정보가 추가로 대응되어 저장되어 있고,
    상기 정보 추출부는
    상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 제1 외부 콘텐츠 스타일 속성에 대한 정보를 확인하는 스타일 속성 확인부;
    상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 중 상기 제1 외부 콘텐츠 스타일 속성에 대한 정보에 대응되어 저장되어 있는 스타일에 대한 정보를 상기 제1 스타일에 대한 정보로 확인하는 스타일 확인부; 및
    상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 상기 제1 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하는 규칙 추출부
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치.
  3. 제2항에 있어서,
    콘텐츠의 종류별로 미리 정해진 서로 다른 기본 스타일들에 대한 정보가 저장되어 있는 기본 스타일 정보 저장부
    를 더 포함하고,
    상기 정보 추출부는
    상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성에 대한 정보가 존재하지 않는 경우, 상기 기본 스타일 정보 저장부로부터 상기 외부 콘텐츠의 종류에 대응되어 저장되어 있는 제1 기본 스타일에 대한 정보를 추출하는 기본 스타일 정보 추출부
    를 더 포함하며,
    상기 규칙 추출부는
    상기 제1 기본 스타일에 대한 정보가 추출되면, 상기 스타일 정보 저장부로부터 상기 복수의 스타일들에 대한 정보 중 상기 제1 기본 스타일에 대한 정보에 대응되어 저장되어 있는 제2 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하며,
    상기 붙여넣기 처리부는
    상기 제2 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 기본 스타일의 속성을 갖도록 지시하는 기본 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 기본 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치.
  4. 제1항에 있어서,
    상기 붙여넣기 처리부는
    상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 상기 편집 코드를 생성하는 편집 코드 생성부;
    상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 액션을 생성하는 액션 생성부; 및
    상기 액션을 실행하여 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 처리를 수행하는 액션 실행부
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치.
  5. 제4항에 있어서,
    상기 붙여넣기 처리부는
    상기 제1 웹 문서가 문서 공동 편집 서버를 공동 편집 세션에 참가한 다른 클라이언트 단말 장치와 공동으로 편집 중인 문서인 경우, 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 상기 액션의 생성이 완료되면, 상기 액션을 상기 문서 공동 편집 서버로 전송하는 액션 전송부
    를 더 포함하고,
    상기 문서 공동 편집 서버는
    상기 액션이 수신되면, 상기 액션을 상기 다른 클라이언트 단말 장치로 전송하며,
    상기 다른 클라이언트 단말 장치는
    상기 문서 공동 편집 서버로부터 상기 액션이 수신되면, 상기 다른 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 구동되는 상기 제1 웹 문서 편집툴에 의해 편집 상태에 놓여있는 제2 웹 문서 - 상기 제2 웹 문서는 상기 제1 웹 문서와 동일한 편집 상태를 갖는 문서임 - 상에서 상기 액션을 실행함으로써, 상기 제2 웹 문서에 대해 상기 외부 콘텐츠에 대한 붙여넣기를 완료하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치.
  6. 제1 웹 문서 편집툴 - 상기 제1 웹 문서 편집툴은 브라우저 상에서 웹 문서에 대한 편집을 가능하게 하기 위한 툴로, 상기 브라우저 상에서 구동되기 위한 스크립트(Script)로 구성되어 있음 - 에서 지원 가능한 것으로 미리 정해진 콘텐츠에 대한 복수의 스타일들에 대한 정보와 상기 복수의 스타일들 각각을 상기 제1 웹 문서 편집툴을 통해 상기 웹 문서 상에 삽입될 콘텐츠에 적용하기 위한 상기 복수의 스타일들 각각에 대응하는 마크업 언어(Markup Language) 코드의 생성 규칙에 대한 정보가 저장되어 있는 스타일 정보 저장부를 유지하는 단계;
    상기 브라우저를 통해 상기 제1 웹 문서 편집툴이 구동됨에 따라 편집 상태에 놓여있는 제1 웹 문서에 대해, 외부 콘텐츠에 대한 붙여넣기 명령이 인가되면, 상기 제1 웹 문서 상에 다른 웹 문서를 보여주기 위한 내부 프레임(frame)을 생성하는 단계;
    상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터를 삽입하고, 상기 내부 프레임 상에 상기 외부 콘텐츠에 대한 데이터의 삽입이 완료되면, 상기 내부 프레임 상에서 정의되어 있는 상기 외부 콘텐츠에 대한 마크업 언어 코드를 파싱(parsing)하여 상기 외부 콘텐츠에 대한 스타일 속성을 확인하는 단계;
    상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성에 대응하는 제1 스타일에 대한 정보를 확인하고, 상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 제1 마크업 언어 코드의 생성 규칙을 추출하는 단계; 및
    상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 단계
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법.
  7. 제6항에 있어서,
    상기 스타일 정보 저장부에는
    상기 복수의 스타일들에 대한 정보 각각에 대해, 각 스타일들에 대응되는 스타일 속성으로 미리 정해진 복수의 외부 콘텐츠 스타일 속성들에 대한 정보가 추가로 대응되어 저장되어 있고,
    상기 제1 마크업 언어 코드의 생성 규칙을 추출하는 단계는
    상기 외부 콘텐츠에 대한 스타일 속성을 기초로 상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 제1 외부 콘텐츠 스타일 속성에 대한 정보를 확인하는 단계;
    상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 스타일들에 대한 정보 중 중 상기 제1 외부 콘텐츠 스타일 속성에 대한 정보에 대응되어 저장되어 있는 스타일에 대한 정보를 상기 제1 스타일에 대한 정보로 확인하는 단계; 및
    상기 스타일 정보 저장부로부터 상기 제1 스타일에 대한 정보에 대응되어 저장되어 있는 상기 제1 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하는 단계
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법.
  8. 제7항에 있어서,
    콘텐츠의 종류별로 미리 정해진 서로 다른 기본 스타일들에 대한 정보가 저장되어 있는 기본 스타일 정보 저장부를 유지하는 단계;
    상기 스타일 정보 저장부 상에 저장되어 있는 상기 복수의 외부 콘텐츠 스타일 속성들에 대한 정보 중 상기 외부 콘텐츠에 대한 스타일 속성과 일치하는 외부 콘텐츠 스타일 속성에 대한 정보가 존재하지 않는 경우, 상기 기본 스타일 정보 저장부로부터 상기 외부 콘텐츠의 종류에 대응되어 저장되어 있는 제1 기본 스타일에 대한 정보를 추출하는 단계;
    상기 제1 기본 스타일에 대한 정보가 추출되면, 상기 스타일 정보 저장부로부터 상기 복수의 스타일들에 대한 정보 중 상기 제1 기본 스타일에 대한 정보에 대응되어 저장되어 있는 제2 마크업 언어 코드의 생성 규칙에 대한 추출을 수행하는 단계; 및
    상기 제2 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 기본 스타일의 속성을 갖도록 지시하는 기본 편집 코드를 생성한 후 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 기본 편집 코드를 삽입함으로써, 상기 제1 웹 문서에 대해 상기 외부 콘텐츠의 붙여넣기를 완료하는 단계
    를 더 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법.
  9. 제6항에 있어서,
    상기 붙여넣기를 완료하는 단계는
    상기 제1 마크업 언어 코드의 생성 규칙에 기초하여 상기 외부 콘텐츠가 상기 제1 스타일의 속성을 갖도록 지시하는 상기 편집 코드를 생성하는 단계;
    상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 액션을 생성하는 단계; 및
    상기 액션을 실행하여 상기 제1 웹 문서를 구성하는 마크업 언어 코드에 대해 상기 편집 코드를 삽입함으로써, 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 처리를 수행하는 단계
    를 포함하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법.
  10. 제9항에 있어서,
    상기 제1 웹 문서가 문서 공동 편집 서버를 공동 편집 세션에 참가한 다른 클라이언트 단말 장치와 공동으로 편집 중인 문서인 경우, 상기 편집 코드를 기초로 상기 제1 웹 문서 상에 상기 외부 콘텐츠에 대한 붙여넣기 명령을 실행하기 위한 상기 액션의 생성이 완료되면, 상기 액션을 상기 문서 공동 편집 서버로 전송하는 단계
    를 더 포함하고,
    상기 문서 공동 편집 서버는
    상기 액션이 수신되면, 상기 액션을 상기 다른 클라이언트 단말 장치로 전송하며,
    상기 다른 클라이언트 단말 장치는
    상기 문서 공동 편집 서버로부터 상기 액션이 수신되면, 상기 다른 클라이언트 단말 장치에 설치되어 있는 브라우저를 통해 구동되는 상기 제1 웹 문서 편집툴에 의해 편집 상태에 놓여있는 제2 웹 문서 - 상기 제2 웹 문서는 상기 제1 웹 문서와 동일한 편집 상태를 갖는 문서임 - 상에서 상기 액션을 실행함으로써, 상기 제2 웹 문서에 대해 상기 외부 콘텐츠에 대한 붙여넣기를 완료하는 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치의 동작 방법.
  11. 제6항 내지 제10항 중 어느 한 항의 방법을 컴퓨터로 하여금 수행하도록 하는 프로그램을 기록한 컴퓨터 판독 가능 기록 매체.
  12. 제6항 내지 제10항 중 어느 한 항의 방법을 컴퓨터와의 결합을 통해 실행시키기 위한 저장매체에 저장된 컴퓨터 프로그램.
PCT/KR2018/005058 2017-05-15 2018-05-02 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법 WO2018212485A1 (ko)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020170059701A KR101809460B1 (ko) 2017-05-15 2017-05-15 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법
KR10-2017-0059701 2017-05-15

Publications (1)

Publication Number Publication Date
WO2018212485A1 true WO2018212485A1 (ko) 2018-11-22

Family

ID=60954376

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2018/005058 WO2018212485A1 (ko) 2017-05-15 2018-05-02 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법

Country Status (2)

Country Link
KR (1) KR101809460B1 (ko)
WO (1) WO2018212485A1 (ko)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102087268B1 (ko) * 2018-06-25 2020-04-23 주식회사 한글과컴퓨터 웹 컨트롤 인터페이스를 제공하는 장치 및 이의 동작 방법
KR102053078B1 (ko) * 2018-07-30 2019-12-06 주식회사 한글과컴퓨터 문서 편집 인터페이스의 커스터마이징을 지원하는 문서 편집 처리 장치 및 그 동작 방법
KR102187543B1 (ko) * 2019-02-07 2020-12-07 주식회사 한글과컴퓨터 문서 편집 서버와 연동하여 웹 기반의 문서 작성을 처리하는 전자 단말 장치 및 그 동작 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
KR20050012101A (ko) * 2003-07-24 2005-01-31 삼성전자주식회사 시나리오를 기록한 정보저장매체, 기록장치 및 기록방법,그 정보저장매체의 재생장치 및 시나리오의 검색방법
KR20080060690A (ko) * 2006-12-27 2008-07-02 엔에이치엔(주) 웹문서 스타일 변경 시스템 및 방법
KR20140038459A (ko) * 2011-06-16 2014-03-28 마이크로소프트 코포레이션 통합 개발 환경에서의 라이브 브라우저 툴 제공 기법
KR101485788B1 (ko) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 화면 분할 렌더링 기반의 전자 문서 표시 장치 및 방법

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7188309B2 (en) * 2002-06-28 2007-03-06 Microsoft Corporation Resolving document object collisions
US7792788B2 (en) 2005-03-04 2010-09-07 Microsoft Corporation Method and system for resolving conflicts operations in a collaborative editing environment
US8769014B2 (en) 2011-11-25 2014-07-01 Sap Ag Universal collaboration adapter for web editors
US9348802B2 (en) 2012-03-19 2016-05-24 Litéra Corporation System and method for synchronizing bi-directional document management

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20040090867A (ko) * 2003-04-18 2004-10-27 (주)아이펜텍 그레비티 레이어 방식을 이용한 ｘｓｌ 스타일 시트의자동 생성 방법
KR20050012101A (ko) * 2003-07-24 2005-01-31 삼성전자주식회사 시나리오를 기록한 정보저장매체, 기록장치 및 기록방법,그 정보저장매체의 재생장치 및 시나리오의 검색방법
KR20080060690A (ko) * 2006-12-27 2008-07-02 엔에이치엔(주) 웹문서 스타일 변경 시스템 및 방법
KR20140038459A (ko) * 2011-06-16 2014-03-28 마이크로소프트 코포레이션 통합 개발 환경에서의 라이브 브라우저 툴 제공 기법
KR101485788B1 (ko) * 2014-03-28 2015-01-26 주식회사 한글과컴퓨터 화면 분할 렌더링 기반의 전자 문서 표시 장치 및 방법

Also Published As

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

Similar Documents

Publication Publication Date Title
WO2018212484A1 (ko) 객체의 서식을 유지하는 문서 편집 장치 및 그의 동작 방법
WO2018026033A1 (ko) 문서의 동시 편집을 지원하는 문서 협업 지원 장치 및 그 동작 방법
WO2018194323A1 (ko) 웹 문서의 편집을 지원하는 클라이언트 단말 장치 및 그 동작 방법
WO2018004025A1 (ko) 개체에 대한 스타일 동시 편집을 지원하는 문서 협업 장치 및 그 동작 방법
WO2018212485A1 (ko) 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법
WO2018004021A1 (ko) 전자 문서의 공동 편집을 위한 협업 지원 장치 및 그 동작 방법
WO2016032080A1 (ko) 메타 데이터를 이용한 차트 변환 시스템 및 그 방법
WO2021056782A1 (zh) 一种图片识别翻译方法、装置、终端及介质
WO2021066325A1 (ko) 웹 페이지를 생성하는 방법 및 장치
WO2019027070A1 (ko) 웹 사이트 제작 지원 서버 및 이에 의한 웹 사이트 제작 지원 방법
WO2014058146A1 (ko) 웹 문서의 고속 웹 스크롤을 지원하는 사용자 단말 장치 및 스크롤 방법
WO2020048424A1 (zh) 网页构建方法、装置和存储介质
WO2013028009A2 (ko) 스마트 오피스 시스템 및 운용을 위한 서버 및 운용 방법
WO2016114493A1 (ko) 매체에 맞춰진 광고를 제공하는 방법 및 장치
WO2017204368A1 (ko) 웹 기반의 스프레드시트 서비스 제공 장치 및 방법
WO2015137703A1 (ko) 모바일 장치를 활용한 전자의료기록 시스템
WO2018212486A1 (ko) 마크업 언어 기반 문서의 조합 글자 동기화 장치 및 그의 동작 방법
WO2018004027A1 (ko) 문서 편집에 대한 인증이 가능한 웹 기반의 전자 문서 서비스 장치 및 그 동작 방법
KR102168324B1 (ko) 문서 편집 서버와 연동된 웹 기반의 문서 작성 환경에서 개체별 상태 변경을 가능하게 하는 전자 단말 장치 및 그 동작 방법
WO2016186326A1 (ko) 검색어 리스트 제공 장치 및 이를 이용한 방법
WO2012169708A1 (ko) 메타 데이터 변환 방법 및 이에 적합한 장치
WO2018034509A1 (ko) 웹 브라우저에서 구현되는 웹사이트 제작 방법 및 시스템
WO2021187833A1 (ko) 배너 이미지 자동 생성 방법 및 장치, 컴퓨터 판독 가능한 저장 매체
WO2016108677A1 (ko) 웹 컨텐츠 출력 장치 및 방법
WO2019132062A1 (ko) 전자책 파일 생성 방법 및 장치

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: 18803144

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: 18803144

Country of ref document: EP

Kind code of ref document: A1