LocalTools오프라인 브라우저 도구 모음

분류: 개발 도구

CSV to HTML 표 변환기

자체 기획 도구찾는 도구가 없나요?

CSV를 이스케이프 처리된 HTML 표로 변환

CSV, 세미콜론, 탭 또는 파이프로 구분된 데이터를 붙여넣어 HTML 표 마크업을 생성하세요. 첫 행을 헤더로 표시하는 옵션이 있으며, 모든 셀 값은 HTML 이스케이프 처리됩니다. 모든 처리는 브라우저 안에서만 이루어집니다.

브라우저에서 2개 행으로 표를 생성했습니다.

HTML
<table>
  <thead>
    <tr><th>name</th><th>score</th><th>team</th></tr>
  </thead>
  <tbody>
    <tr><td>Ava</td><td>92</td><td>Blue</td></tr>
    <tr><td>Noah</td><td>88</td><td>Green</td></tr>
  </tbody>
</table>

이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.

이 도구로 할 수 있는 일

CSV로 내보낸 데이터를 HTML 표로 공개하려면 보통 `<table>`, `<tr>`, `<td>` 마크업을 손으로 작성해야 하는데, 셀에 `<`나 `&` 같은 문자가 있으면 실수하기 쉽습니다. 이 도구는 붙여넣은 구분자 형식 데이터를 파싱하고, 모든 셀 값을 이스케이프해 마크업으로 오인되지 않게 한 뒤, 헤더를 요청하면 `<thead>` 행을, 나머지는 `<tbody>`를 포함한 `<table>`을 작성합니다.

사용 방법

  1. CSV 또는 구분자로 구분된 데이터를 붙여넣거나 예제를 불러옵니다.
  2. 구분자와 첫 행이 헤더인지 여부를 선택합니다.
  3. 생성된 HTML 표 마크업을 복사합니다.

개인정보

이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.

자주 묻는 질문

제 데이터가 어딘가로 업로드되나요?
아니요. 파싱과 HTML 생성은 페이지 안에서 실행되는 JavaScript로 처리되므로 붙여넣은 내용이 기기 밖으로 나가지 않습니다.
생성된 HTML을 페이지에 붙여넣어도 안전한가요?
모든 셀 값은 마크업에 기록되기 전에 HTML 이스케이프 처리되므로, 데이터에 포함된 `<`, `&`, `"` 같은 문자가 태그나 속성으로 해석될 수 없습니다.
데이터에 헤더 행이 없으면 어떻게 되나요?
헤더 토글을 끄면 됩니다. 그러면 `<thead>` 없이 모든 행이 `<tbody>` 안의 일반 `<td>` 행으로만 작성됩니다.

전체 도구로 돌아가기