C#에서 HTML 테이블 편집

.NET API로 기존 HTML 테이블 편집

Aspose.HTML for .NET 은 기존 HTML 파일을 HTMLDocument 로 로드합니다. CSS 선택자로 테이블을 찾고 DOM으로 셀과 스타일을 변경하며 행을 추가하거나 삭제한 뒤 관련 없는 콘텐츠를 다시 만들지 않고 문서 전체를 저장할 수 있습니다.

C#에서 HTML 파일의 테이블 편집

다음 예제는 input.html을 열고 첫 테이블과 데이터 셀을 변경하며 행을 추가하고 CSS를 업데이트한 뒤 edited-table.html로 저장합니다.

using Aspose.Html;
using System;

// Load the HTML document that contains the table
using HTMLDocument document = new HTMLDocument("input.html");

// Select the first table and verify that it exists
HTMLTableElement table = (HTMLTableElement)document.QuerySelector("table");
if (table == null)
{
    throw new InvalidOperationException("The HTML document does not contain a table.");
}

// Update the first data cell when one is available
HTMLTableCellElement firstCell = (HTMLTableCellElement)table.QuerySelector("td");
if (firstCell != null)
{
    firstCell.TextContent = "Updated value";
}

// Append a row and populate its cells
HTMLTableRowElement newRow = (HTMLTableRowElement)table.InsertRow(table.Rows.Length);
string[] values = { "New item", "Ready" };
foreach (string value in values)
{
    HTMLTableCellElement cell = (HTMLTableCellElement)newRow.InsertCell(newRow.Cells.Length);
    cell.TextContent = value;
}

// Apply CSS without replacing the table's other attributes
table.Style.SetProperty("border", "1px solid #808080");
table.Style.SetProperty("border-collapse", "collapse");
table.Style.SetProperty("width", "100%");

// Save the complete modified document
document.Save("edited-table.html");

HTML 테이블 편집 단계

1. HTMLDocument 생성자로 원본 파일을 엽니다.
2. QuerySelector() 로 테이블을 찾습니다. 여러 테이블이 있으면 ID 또는 class 선택자를 사용합니다.
3. 기존 셀을 선택하고 나머지 마크업을 교체하지 않은 채 TextContent를 변경합니다.
4. InsertRow() 로 행을 추가하고 InsertCell() 로 셀을 만듭니다.
5. Style로 표시를 변경하고 Save() 로 문서 전체를 저장합니다.

HTML 테이블 편집 옵션

• 올바른 테이블을 선택합니다. 여러 테이블이 있으면 #orders, .price-table, main table 등을 사용합니다.
• 기존 콘텐츠를 변경합니다. 테이블을 다시 만들지 않고 셀 텍스트, 속성, class, 인라인 CSS를 편집합니다.
• 테이블 구조를 변경합니다. 문서 순서를 유지하면서 DOM 인터페이스로 행과 셀을 삽입하거나 삭제합니다.
• CSS로 표시를 설정합니다. 테두리, 너비, 정렬, 간격에는 오래된 표시용 HTML 속성 대신 CSS를 사용합니다.
• 주변 콘텐츠를 유지합니다. 로드한 HTMLDocument를 저장하면 테이블 밖의 내용도 남습니다. 선택한 <table> 요소와 해당 마크업을 분리하려면 HTML 테이블 추출 을 참조하세요.

HTML 테이블 편집 문서

HTML 문서 편집 에서는 DOM 노드 검색, 삽입, 변경, 삭제를 설명합니다. HTML DOM 문서는 HTML 콘텐츠를 프로그래밍 방식으로 변경하는 탐색 및 요소 모델을 다룹니다.

Aspose.HTML for .NET 설치

.NET CLI를 사용하여 NuGet에서 Aspose.HTML for .NET 을 설치합니다.

dotnet add package Aspose.HTML

NuGet 패키지 관리자 UI를 사용하거나 패키지 관리자 콘솔에서 Install-Package Aspose.HTML을 실행할 수도 있습니다. 설정 방법은 설치 가이드 를 참조하세요. 평가 제한 없이 API를 테스트하려면 임시 라이선스 를 요청할 수 있습니다.

HTML 테이블 편집 FAQ

1. 페이지에 테이블이 여러 개 있으면 특정 테이블을 어떻게 편집하나요?

대상에 안정적인 ID 또는 class를 지정하고 [id="orders"]나 .price-table 같은 선택자를 QuerySelector()에 전달합니다. table은 첫 테이블만 반환합니다.

2. 전체 테이블을 교체하지 않고 셀을 변경할 수 있나요?

예. 필요한 <td> 또는 <th>를 선택하고 일반 텍스트에는 TextContent를 설정합니다. 중첩 마크업에는 DOM 자식 노드 또는 신뢰할 수 있는 InnerHTML을 사용합니다.

3. C#에서 행을 추가하거나 삭제하려면 어떻게 하나요?

원하는 인덱스로 InsertRow()를 호출하고 InsertCell()로 셀을 추가합니다. 삭제 전에는 Rows.Length로 인덱스를 확인한 뒤 DeleteRow()를 사용합니다.

4. 테이블 서식에는 HTML 속성과 CSS 중 무엇을 사용해야 하나요?

테두리, 너비, 정렬, 간격, 색상에는 CSS를 사용합니다. align, border, cellspacing은 이전 HTML 표시 모델에 속합니다.

5. 편집한 테이블을 저장해도 나머지 HTML 콘텐츠가 유지되나요?

예. 원본을 HTMLDocument로 로드하고 테이블 노드만 변경한 뒤 저장하면 다른 요소도 유지됩니다. 부모 또는 InnerHTML을 교체하면 자손도 교체됩니다.