KR20130021482A - Method of editing html tables by cell unit - Google Patents
Method of editing html tables by cell unit Download PDFInfo
- Publication number
- KR20130021482A KR20130021482A KR1020110083741A KR20110083741A KR20130021482A KR 20130021482 A KR20130021482 A KR 20130021482A KR 1020110083741 A KR1020110083741 A KR 1020110083741A KR 20110083741 A KR20110083741 A KR 20110083741A KR 20130021482 A KR20130021482 A KR 20130021482A
- Authority
- KR
- South Korea
- Prior art keywords
- tag
- text
- cell
- html
- coordinate information
- Prior art date
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
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
본 발명은 HTML 테이블을 셀 단위로 편집하는 방법에 관한 것이다. 보다 구체적으로, 본 발명은 HTML 브라우저와 편집기에서 HTML 문서에 포함된 테이블을 셀 단위로 편집하여 HTML 문서 편집(복사, 수정)에 있어서 모호함을 제거하는 방법에 관한 것이다.
The present invention relates to a method for editing an HTML table cell by cell. More specifically, the present invention relates to a method of eliminating ambiguity in editing (copying, modifying) an HTML document by editing a table included in the HTML document in cell units in an HTML browser and an editor.
오늘날은 정보의 시대로 불려 질만큼 정보에 대한 요구가 급증하고 있으며, 이에 따라 정보의 바다로 비유되는 인터넷을 통해 특정의 정보를 제공하는 월드 와이드 웹(World Wide Web: WWW, 이하 웹이라 함)에 접속하여 필요한 정보를 획득하고, 오락을 즐기는 일이 일상화되어 가고 있다. 따라서 이러한 요구에 부흥하는 다양한 웹사이트가 증가하고 있다. Today, the demand for information is soaring that it is called the era of information, and accordingly, the World Wide Web (WWW), which provides specific information through the Internet, which is likened to a sea of information. It is becoming commonplace to access and obtain necessary information and to enjoy entertainment. As a result, there are a growing number of websites that serve these needs.
이에 따라 웹사이트를 제작하는 웹디자이너는 자신이 디자인한 웹사이트로 많은 방문객이 방문할 수 있도록 다양한 웹사이트의 콘텐츠(Contents)를 개발함은 물론 방문객으로 하여금 웹사이트에 접속시 시각적으로 좋은 이미지를 주거나 정보 서치에 있어 편리성을 제공해 주기 위해 자신의 웹사이트의 개발에 지속적으로 심혈을 기울이게 된다.As a result, web designers who create websites develop contents of various websites so that many visitors can visit the websites they design. You will continue to devote yourself to the development of your own website to provide convenience in providing or providing information search.
이러한 웹사이트를 만들기 위하여 사용하는 기본적인 프로그래밍 언어는 HTML(Hyper Text Markup Language)이다. HTML이란 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 주로 인터넷 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어를 태그(tag)라고 하는데 태그는 시작과 끝을 표시하는 2개의 쌍으로 이루어져 있다. 또한 HTML로 작성된 문서를 HTML문서라 하며 이 HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 된다. HTML에서는 문서가 별도의 코드(code)를 인식하여 완벽한 하이퍼텍스트를 만들 뿐만 아니라 단어 또는 단문을 인터넷의 다른 장소나 파일로 연결시킬 수 있다.The basic programming language used to create these websites is HTML (Hyper Text Markup Language). HTML is a command that defines the font size, font color, font, graphics, and document movement (hyperlink) of the document. Commands used in HTML are called tags, which are made up of two pairs that mark the beginning and end. In addition, a document written in HTML is called an HTML document, and the document written in HTML is interpreted and displayed to a user. In HTML, documents can recognize separate code to create complete hypertext, as well as linking words or short sentences to other places or files on the Internet.
한편, 현재 브라우저에서 HTML문서의 테이블 안의 내용을 선택하는 경우 테이블 안의 텍스트 또는 이미지 단위로 선택이 가능하지 셀 단위의 선택은 되지 않는다. 이에 따라, 사용자는 테이블에서 셀 단위의 편집을 할 수 없기 때문에 사용자는 테이블에서 원하는 내용을 정확히 얻어낼 수 없다는 문제점이 발생한다. 즉, HTML 문서에서 테이블을 수정할 때 셀 단위로 선택이 되지 않아서 복사 또는 수정 시에 모호함이 발생할 수 있다는 문제점이 있다.
On the other hand, when the content of the table of the HTML document is selected in the current browser, it is possible to select by text or image unit in the table, but not by cell unit. Accordingly, a problem arises in that the user cannot obtain exactly the desired contents from the table because the user cannot edit cells in the table. In other words, when modifying a table in an HTML document, there is a problem that ambiguity may occur when copying or modifying because it is not selected in units of cells.
본 발명의 목적은 HTML 테이블을 셀 단위로 편집하는 방법을 제공하는 것이다. 보다 구체적으로, 본 발명의 목적은 HTML 브라우저와 편집기에서 HTML 문서에 포함된 테이블을 셀 단위로 편집하여 HTML 문서 편집(복사, 수정)에 있어서 모호함을 제거하는 방법을 제공하는 것이다.
It is an object of the present invention to provide a method for editing an HTML table cell by cell. More specifically, an object of the present invention is to provide a method of eliminating ambiguity in editing (copying, modifying) an HTML document by editing a table included in the HTML document in units of cells in an HTML browser and an editor.
상기한 본 발명의 목적을 달성하기 위한 본 발명의 일 실시예에 따른 HTML 테이블의 셀 단위 편집 방법은, 사용자로부터 테이블 내의 텍스트를 선택하는 입력을 수신하고, 웹 문서(HTML 문서)에서 상기 테이블에 대응하는 테이블 태그를 검색하는 단계; 상기 검색한 테이블 태그를 이용하여 상기 텍스트에 대응하는 테이블의 격자 하나를 나타내는 태그의 시작점 및 태그의 끝점을 검색하는 단계; 상기 태그의 시작점에 대응하는 좌표 정보 및 상기 태그의 끝점에 대응하는 좌표 정보를 추출하는 단계; 상기 추출한 태그의 시작점에 대응하는 좌표 및 끝점에 대응하는 좌표를 이용하여 셀 영역을 음영으로 표시하여 디스플레이하는 단계;를 포함하여 구성될 수 있다.
In order to achieve the above object of the present invention, a cell-based editing method of an HTML table according to an embodiment of the present invention receives an input for selecting text in a table from a user, and inputs the text from the web document (HTML document) to the table. Retrieving a corresponding table tag; Searching for a start point and an end point of a tag representing one grid of a table corresponding to the text by using the searched table tag; Extracting coordinate information corresponding to a start point of the tag and coordinate information corresponding to an end point of the tag; And displaying and displaying a cell area with a shade using coordinates corresponding to a start point and an end point of the extracted tag.
본 발명에 따른 테이블 편집 방법을 이용할 경우, 사용자가 테이블 안의 텍스트를 선택하면 텍스트에 대응하는 태그의 좌표 정보를 추출하여 좌표 정보에 대응하는 영역을 음영으로 표시하기 때문에 사용자는 셀 영역 전체를 복사할 수 있으며 셀 추가, 제거가 가능하다는 장점이 있다.
In the table editing method according to the present invention, when the user selects the text in the table, the user extracts the coordinate information of the tag corresponding to the text and displays the shaded area corresponding to the coordinate information. It is possible to add and remove cells.
[도 1]은 본 발명의 일 실시예에 따른 테이블 편집 장치가 수신하는 웹 컨텐츠를 웹 브라우저가 해석하여 사용자에게 디스플레이되는 화면의 예시도.
[도 2]는 본 발명의 일 실시예에 따른 테이블 편집 장치의 내부 구조를 개략적으로 도시한 블록도.
[도 3]은 본 발명의 일 실시예에 따른 테이블 편집 과정을 설명하기 위한 흐름도.1 is an exemplary view of a screen displayed by a web browser interpreted by a web browser received by a table editing apparatus according to an embodiment of the present invention and displayed to a user.
2 is a block diagram schematically showing an internal structure of a table editing apparatus according to an embodiment of the present invention.
3 is a flowchart illustrating a table editing process according to an embodiment of the present invention.
본 발명은 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있는 바, 특정 실시예들을 도면에 예시하고 상세한 설명에 상세하게 설명하고자 한다. 그러나, 이는 본 발명을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 발명의 사상 및 기술 범위에 포함되는 모든 변경, 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 각 도면을 설명하면서 유사한 참조부호를 유사한 구성요소에 대해 사용하였다. While the invention is susceptible to various modifications and alternative forms, specific embodiments thereof are shown by way of example in the drawings and will herein be described in detail. It should be understood, however, that the invention is not intended to be limited to the particular embodiments, but includes all modifications, equivalents, and alternatives falling within the spirit and scope of the invention. Like reference numerals are used for like elements in describing each drawing.
제1, 제2, A, B 등의 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되어서는 안 된다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제1 구성요소는 제2 구성요소로 명명될 수 있고, 유사하게 제2 구성요소도 제1 구성요소로 명명될 수 있다. 및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다. The terms first, second, A, B, etc. may be used to describe various elements, but the elements should not be limited by the terms. The terms are used only for the purpose of distinguishing one component from another. For example, without departing from the scope of the present invention, the first component may be referred to as a second component, and similarly, the second component may also be referred to as a first component. And / or < / RTI > includes any combination of a plurality of related listed items or any of a plurality of related listed items.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다. When a component is referred to as being "connected" or "connected" to another component, it may be directly connected to or connected to that other component, but it may be understood that other components may be present in between. Should be. On the other hand, when an element is referred to as being "directly connected" or "directly connected" to another element, it should be understood that there are no other elements in between.
본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.The terminology used herein is for the purpose of describing particular example embodiments only and is not intended to be limiting of the present invention. Singular expressions include plural expressions unless the context clearly indicates otherwise. In this application, the terms "comprise" or "have" are intended to indicate that there is a feature, number, step, operation, component, part, or combination thereof described in the specification, and one or more other features. It is to be understood that the present invention does not exclude the possibility of the presence or the addition of numbers, steps, operations, components, components, or a combination thereof.
다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥 상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 출원에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.Unless defined otherwise, all terms used herein, including technical or scientific terms, have the same meaning as commonly understood by one of ordinary skill in the art. Terms such as those defined in the commonly used dictionaries should be construed as having meanings consistent with the meanings in the context of the related art and shall not be construed in ideal or excessively formal meanings unless expressly defined in this application. Do not.
이하, 본 발명에 따른 바람직한 실시예를 첨부된 도면을 참조하여 상세하게 설명한다.
Hereinafter, preferred embodiments according to the present invention will be described in detail with reference to the accompanying drawings.
[도 1]은 본 발명의 일 실시예에 따른 HTML 테이블 편집 장치가 수신하는 웹 컨텐츠를 웹 브라우저가 해석하여 사용자에게 디스플레이되는 화면의 예를 나타낸 도면이다.1 is a diagram illustrating an example of a screen displayed by a web browser by a web browser interpreting a web content received by an HTML table editing apparatus according to an embodiment of the present invention.
[도 1]을 참조하면, 사용자에게 디스플레이되는 테이블을 위한 HTML 태그를 설명한다. 테이블(Table) 태그는 HTML 문서상에 표를 표현하기 위한 태그로써 <table>, <tr>, <td>의 세 종류의 태그로 이루어져 있는데, <td>는 표의 격자 하나를 나타내는 태그이고 <tr>은 표의 한 줄을 나타내는 태그이다. 1, an HTML tag for a table displayed to a user is described. The table tag is a tag for expressing a table in an HTML document and consists of three types of tags, <table>, <tr>, and <td>. <Td> is a tag representing a grid of tables and <tr> Is a tag that represents a line in the table.
일반적으로 HTML 태그는 하나의 쌍(pair)으로 구성된다. 예를 들어, 테이블 태그는 <table> 내용 </table>로 구성되고, 표의 격자 하나를 나타내는 태그는 <td> 내용 </td>로 구성한다. 또한, 표의 한 줄을 나타내는 태그는 <tr> 내용 </tr>로 구성된다.In general, HTML tags consist of a pair. For example, a table tag consists of <table> content </ table> and a tag representing one grid of the table consists of <td> content </ td>. In addition, a tag representing a line in the table consists of <tr> content </ tr>.
여기서, <table>은 테이블 태그가 시작됨을 알리는 태그이고, </table>은 테이블 태그가 끝남을 알리는 태그이다. 또한, <td> 는 표의 격자 하나를 나타내는 태그가 시작됨을 알리는 태그이고, </td> 는 표의 격자 하나를 나타내는 태그가 끝남을 알리는 태그이다. 상기와 마찬가지로 <tr>은 표의 한 줄을 나타내는 태그가 시작됨을 알리는 태그이고, </tr>은 표의 한 줄을 나타내는 태그가 끝남을 알리는 태그이다.Here, <table> is a tag indicating that the table tag starts and </ table> is a tag indicating that the table tag ends. In addition, <td> is a tag indicating that the tag indicating one grid of the table starts and </ td> is a tag indicating that the tag indicating one grid of the table ends. As mentioned above, <tr> is a tag indicating that a tag indicating a line of a table starts and </ tr> is a tag indicating that a tag indicating a line of a table ends.
또한, 각 셀을 나타내는 태그는 넓이를 나타내는 폭(width)과 높이를 나타내는 높이(height)파라미터를 줄 수 있고, 가로 폭값(COLSPAN)과 세로 폭값(ROWSPAN) 파라미터는 격자가 테이블에서 차지하는 칸의 값을 의미한다. <표 1>을 참조하여, 테이블 태그의 예문을 설명하기로 한다.
In addition, a tag representing each cell can give a width parameter indicating a width and a height parameter indicating a height. The width and height parameters of a cell occupy a table in a grid. Means. With reference to Table 1, an example of a table tag will be described.
<표 1>과 같이 HTML로 작성된 문서를 웹 브라우저가 해석하여 이용자에게 보여주게 되면, 590폭의 3 × 2의 테이블이 표시되며, 테이블의 첫 번째 행에는 종목명, 현재가, 거래량이 출력되고, 테이블의 두 번째 행에는 종목명에 대응하는 A, 현자가에 대응하는 123, 거래량에 대응하는 34234가 출력된다. When a web browser interprets and displays a document written in HTML as shown in <Table 1>, a 3 × 2 table of 590 width is displayed. The first row of the table displays the item name, current price, and transaction volume. In the second row of the table, A corresponding to the item name, 123 corresponding to the sage and 34234 corresponding to the trading volume are output.
하지만, 브라우저(예: 인터넷 익스플로러, 크롬 브라우저, 사파리)에서 HTML문서의 테이블 안의 내용인 “종목”을 선택하는 경우 테이블 안의 텍스트 단위로 선택이 가능하지 셀 단위의 선택은 되지 않는다. 이에 따라, 사용자는 테이블에서 셀 단위의 편집을 할 수 없기 때문에 사용자는 테이블에서 원하는 내용을 정확히 얻어낼 수 없다는 문제점이 발생한다. However, if you select “items” in a table of HTML documents in a browser (eg Internet Explorer, Chrome browser, Safari), you can select text units in the table, not cell units. Accordingly, a problem arises in that the user cannot obtain exactly the desired contents from the table because the user cannot edit cells in the table.
이와 같은 문제점을 해결하기 위해서, 본 발명에서는 HTML문에서 테이블의 셀 단위인 <TD> 태그의 시작과 끝 노드를 정확히 선택 영역으로 잡고 셀 영역을 계산하여 시각적으로 셀 크기에 맞게 색을 주어 선택 영역을 표시하도록 한다. 이하에서는, [도 2]를 참조하여 본 발명의 일 실시예에 따른 테이블 편집 장치의 내부 구조를 보다 구체적으로 설명하기로 한다.
In order to solve this problem, in the present invention, by selecting the start and end nodes of the <TD> tag, which is the cell unit of the table, as the selection area in the HTML statement, the cell area is calculated and visually colored according to the cell size. To be displayed. Hereinafter, the internal structure of the table editing apparatus according to an embodiment of the present invention will be described in more detail with reference to FIG. 2.
[도 2]는 본 발명의 일 실시예에 따른 테이블 편집 장치의 내부 구조를 개략적으로 도시한 블록도이다.2 is a block diagram schematically showing an internal structure of a table editing apparatus according to an embodiment of the present invention.
[도 2]를 참조하면, 테이블 편집 장치는 수신부(201), 검색부(202), 추출부(203), 판단부(204), 디스플레이부(205)를 포함하여 구성할 수 있다. 이러한 구성 요소를 포함하는 단말 장치는 웹 문서를 편집할 있는 어플리케이션, 예를 들어 메모장, 워드프로세서, HTML 편집기 등을 수행할 수 있는 데스크탑, 랩탑 등의 일반 컴퓨터뿐만 아니라, 스마트폰, 개인휴대장치(PDA) 등 컴퓨팅 기능이 탑재된 모든 장치일 수 있다. Referring to FIG. 2, the table editing apparatus may include a
수신부(201)는 컨텐츠 제공자(미도시)로부터 사용자 단말에서 디스플레이되는 웹 컨텐츠를 수신한다. 본 발명의 일 실시예에 따른 웹 컨텐츠는 웹 문서 예를 들어, 웹 브라우저로 해석 가능한 HTML로 작성된 문서가 바람직할 것이다. 또한, 수신부(201)는 사용자로부터 적어도 하나의 테이블안의 텍스트를 선택하는 입력을 수신한다. The
검색부(202)는 웹 문서(HTML 문서)에서 수신부(201)가 사용자로부터 수신한 테이블에 대응하는 태그 <table>를 검색하고, 그 검색한 태그에서 수신부(201)가 사용자로부터 수신한 테이블에 포함된 텍스트에 대응하는 태그의 시작점 <td> 및 끝점 </td>를 검색한다. 예를 들어, 사용자가 [도 1]에서 테이블에 포함된 종목명을 선택하는 경우에, 종목명에 대응하는 태그의 시작점 <td> 및 끝점 </td>를 검색한다.The retrieval unit 202 retrieves a tag <table> corresponding to a table received by the receiving
추출부(203)는 검색부(202)에 의해 검색된 태그의 시작점 <td>에 대응하는 좌표 정보, 예를 들어 좌표값(X,Y) 및 태그의 끝점 </td>에 대응하는 좌표 정보, 예를 들어 좌표값(X,Y)를 추출한다. The extraction unit 203 may include coordinate information corresponding to the start point <td> of the tag retrieved by the search unit 202, for example, coordinate information (X, Y) and coordinate information corresponding to the end point </ td> of the tag, For example, the coordinate values (X, Y) are extracted.
판단부(204)는 추출부(203)로부터 그의 시작점에 대응하는 좌표 정보 및 끝점에 대응하는 좌표 정보가 제공되면, 이를 기초로 하여 음영으로 표시해야할 셀 영역을 판단한다. When the determination unit 204 is provided with the coordinate information corresponding to the starting point and the coordinate information corresponding to the end point from the extracting unit 203, the determination unit 204 determines a cell area to be displayed in shade based on this.
디스플레이부(205)는 판단부(204)로부터 음영으로 표시해야할 셀 영역 정보를 수신하고, 그 수신한 셀 영역을 음영으로 표시하여 디스플레이한다. 본 발명의 일 실시예에 따른 디스플레이부(205)는 액정 디스플레이(liquid crystal display), 박막 트랜지스터 액정 디스플레이(thin film transistorliquid crystal display), 유기 발광 다이오드(organic lightemitting diode), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중에서 적어도 하나를 포함할 수 있다.
The display unit 205 receives cell area information to be displayed in shaded form from the determination unit 204, and displays the received cell area in shaded form. The display unit 205 according to the embodiment of the present invention is a liquid crystal display, a thin film transistor liquid crystal display, an organic light emitting diode, a flexible display, It may include at least one of a 3D display.
[도 3]은 본 발명의 일 실시예에 따른 테이블 편집 과정을 설명하기 위한 흐름도이다.3 is a flowchart illustrating a table editing process according to an embodiment of the present invention.
[도 3]을 참조하면, 테이블 편집 장치는 사용자로부터 적어도 하나의 테이블안의 텍스트를 선택하는 입력을 수신한다(S301). 테이블 편집 장치는 웹 문서에서 수신부(201)가 사용자로부터 수신한 테이블에 대응하는 테이블 태그를 검색하고, 검색한 테이블 태그에서 텍스트에 대응하는 태그의 시작점 및 끝점을 검색한다(S302).Referring to FIG. 3, the table editing apparatus receives an input for selecting text in at least one table from a user (S301). The table editing apparatus searches for a table tag corresponding to the table received by the
테이블 편집 장치는 태그의 시작점에 대응하는 좌표 정보 및 태그의 끝점에 대응하는 좌표 정보를 추출한다(S303). 그 후, 테이블 편집 장치는 시작점에 대응하는 좌표 정보 및 끝점에 대응하는 좌표 정보를 기초로 하여 음영으로 표시해야할 셀을 결정하고(S304), 셀을 음영으로 디스플레이한다(S305).
The table editing apparatus extracts coordinate information corresponding to the start point of the tag and coordinate information corresponding to the end point of the tag (S303). Thereafter, the table editing apparatus determines a cell to be displayed in shade based on the coordinate information corresponding to the start point and the coordinate information corresponding to the end point (S304), and displays the cell in shade (S305).
상기에서는 본 발명의 바람직한 실시예를 참조하여 설명하였지만, 해당 기술 분야의 숙련된 당업자는 하기의 특허 청구의 범위에 기재된 본 발명의 사상 및 영역으로부터 벗어나지 않는 범위 내에서 본 발명을 다양하게 수정 및 변경시킬 수 있음을 이해할 수 있을 것이다.
It will be apparent to those skilled in the art that various modifications and variations can be made in the present invention without departing from the spirit or scope of the present invention as defined by the following claims It can be understood that
201: 수신부
202: 검색부
203: 추출부
204: 판단부
205: 디스플레이부201: receiver
202: search unit
203: extraction unit
204: judgment
205: display unit
Claims (3)
상기 검색한 테이블 태그를 이용하여 상기 텍스트에 대응하는 테이블의 격자 하나를 나타내는 태그의 시작점 및 태그의 끝점을 검색하는 단계;
상기 태그의 시작점에 대응하는 좌표 정보 및 상기 태그의 끝점에 대응하는 좌표 정보를 추출하는 단계;
상기 추출한 태그의 시작점에 대응하는 좌표 및 끝점에 대응하는 좌표를 이용하여 상기 텍스트를 포함하는 셀의 영역을 음영으로 표시하여 디스플레이하는 단계;
를 포함하는 것을 특징으로 하는 HTML 테이블의 셀 단위 편집 방법.
Receiving an input for selecting text in a table from a user and retrieving a table tag corresponding to the table in a web document;
Searching for a start point and an end point of a tag representing one grid of a table corresponding to the text by using the searched table tag;
Extracting coordinate information corresponding to a start point of the tag and coordinate information corresponding to an end point of the tag;
Displaying and displaying an area of a cell including the text in shades by using a coordinate corresponding to a start point and an end point of the extracted tag;
Cell unit editing method of the HTML table comprising a.
상기 테이블은 상기 웹 컨텐츠를 웹 브라우저가 해석하여 사용자에게 디스플레이되는 것을 특징으로 하는 HTML 테이블의 셀 단위 편집 방법.
The method according to claim 1,
The table is a cell-based editing method of the HTML table, characterized in that the web content is interpreted and displayed to the user.
상기 웹 컨텐츠는 웹 브라우저로 해석 가능한 HTML로 작성된 문서인 것을 특징으로 하는 HTML 테이블의 셀 단위 편집 방법.The method according to claim 1,
And the web content is a document written in HTML that can be interpreted by a web browser.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020110083741A KR20130021482A (en) | 2011-08-23 | 2011-08-23 | Method of editing html tables by cell unit |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR1020110083741A KR20130021482A (en) | 2011-08-23 | 2011-08-23 | Method of editing html tables by cell unit |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| KR20130021482A true KR20130021482A (en) | 2013-03-06 |
Family
ID=48174322
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| KR1020110083741A KR20130021482A (en) | 2011-08-23 | 2011-08-23 | Method of editing html tables by cell unit |
Country Status (1)
| Country | Link |
|---|---|
| KR (1) | KR20130021482A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017204368A1 (en) * | 2016-05-23 | 2017-11-30 | 주식회사 한글과컴퓨터 | Web-based spreadsheet service providing device and method |
| KR101880507B1 (en) * | 2017-04-21 | 2018-07-20 | 주식회사 한글과컴퓨터 | Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof |
| KR101880508B1 (en) * | 2017-04-27 | 2018-07-20 | 주식회사 한글과컴퓨터 | Web document editing support apparatus and method for supporting list generation in web documents |
| CN111027294A (en) * | 2019-12-12 | 2020-04-17 | 中国联合网络通信集团有限公司 | Table summarizing method, device and system |
-
2011
- 2011-08-23 KR KR1020110083741A patent/KR20130021482A/en not_active Application Discontinuation
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2017204368A1 (en) * | 2016-05-23 | 2017-11-30 | 주식회사 한글과컴퓨터 | Web-based spreadsheet service providing device and method |
| KR101880507B1 (en) * | 2017-04-21 | 2018-07-20 | 주식회사 한글과컴퓨터 | Client terminal device that supports resizing of a figure embedded in a web document and operating method thereof |
| KR101880508B1 (en) * | 2017-04-27 | 2018-07-20 | 주식회사 한글과컴퓨터 | Web document editing support apparatus and method for supporting list generation in web documents |
| CN111027294A (en) * | 2019-12-12 | 2020-04-17 | 中国联合网络通信集团有限公司 | Table summarizing method, device and system |
| CN111027294B (en) * | 2019-12-12 | 2023-05-30 | 中国联合网络通信集团有限公司 | Method, device and system for summarizing table |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9075873B2 (en) | Generation of context-informative co-citation graphs | |
| US8806325B2 (en) | Mode identification for selective document content presentation | |
| US8850310B2 (en) | Data entry suggestion lists for designated document data entry areas based on data from other document data entry areas | |
| US10318646B2 (en) | Generating a structured document guiding view | |
| US20110270876A1 (en) | Method and system for filtering information | |
| KR101393794B1 (en) | Terminal and method for determining a type of input method editor | |
| US20130262968A1 (en) | Apparatus and method for efficiently reviewing patent documents | |
| CN102141868B (en) | Method for quickly operating information interaction page, input method system and browser plug-in | |
| US20040041843A1 (en) | Inserting complex comments in a document | |
| JP5886558B2 (en) | Electronic book display device | |
| CN103019925A (en) | Selector acquisition method and device | |
| US9946813B2 (en) | Computer-readable recording medium, search support method, search support apparatus, and responding method | |
| WO2013134200A1 (en) | Digital resource set integration methods, interface and outputs | |
| JP6577692B1 (en) | Learning system, learning method, and program | |
| US20170132484A1 (en) | Two Step Mathematical Expression Search | |
| US9141867B1 (en) | Determining word segment boundaries | |
| KR20120058544A (en) | Image element searching | |
| KR20130021482A (en) | Method of editing html tables by cell unit | |
| JP5056133B2 (en) | Information extraction system, information extraction method, and information extraction program | |
| KR20090087451A (en) | Method, system, program for assisting object selection when web page is authored | |
| EP3084636A1 (en) | Identifying semantically-meaningful text selections | |
| US20150026224A1 (en) | Electronic device, method and storage medium | |
| Ishihara et al. | Analyzing visual layout for a non-visual presentation-document interface | |
| US8413062B1 (en) | Method and system for accessing interface design elements via a wireframe mock-up | |
| JP2007058860A (en) | Kanji character succeeding character input method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| WITN | Withdrawal due to no request for examination |