HTML 변환

쓴 글을 제목·목록·표·링크가 살아 있는 HTML 로 바꿉니다

  • 서버 전송 없음
  • 실시간 미리보기
  • 표 변환 지원
0소스 글자 수
0태그 수

글은 이 화면 안에서만 처리하며 서버로 보내지 않습니다. 미리보기는 스크립트를 허용하지 않는 격리된 틀에 그립니다.

글을 붙여 넣으면 제목·굵게·기울임·목록·표·링크·이미지를 HTML 태그로 바꿔 보여 줍니다. 아래에서 미리보기와 HTML 소스를 번갈아 보고 한 번에 복사할 수 있습니다. 붙여 넣은 HTML 은 위험한 부분(스크립트·이벤트 속성·위험한 주소)을 제거한 뒤에만 미리보기에 그립니다.

사용 방법

  1. 왼쪽 입력란에 글을 쓰거나 붙여 넣습니다. 입력하는 대로 바로 변환됩니다.
  2. 필요하면 옵션을 바꿉니다. 이모지·번호 줄을 제목으로 인식하는 「스마트 제목」, 문단을 p 로 감싸는 옵션이 있습니다.
  3. 표로 만들 글이 있으면 그 부분을 드래그로 선택하고 「표 변환」을 누릅니다.
  4. 「미리보기」로 모양을 확인하고 「HTML 소스」 탭에서 「복사」 또는 「다운로드」를 누릅니다.

지원하는 문법

마크다운과 비슷한 간단한 표기를 알아봅니다. 한 줄에 한 가지 모양만 쓰면 가장 정확하게 변환됩니다.

입력과 변환 결과

입력결과
# 제목 ~ ###### 제목<h1> ~ <h6>
**굵게** / *기울임* / ~~취소선~~ / __밑줄__<strong> / <em> / <del> / <u>
- 항목 / 1. 항목<ul> / <ol> 목록
[글자](https://주소)<a> 링크(새 창)
![설명](https://이미지주소)<img>
| 가 | 나 | 처럼 세로선으로 나눈 줄<table>
> 인용, ---, 세 개의 백틱으로 감싼 코드<blockquote>, <hr>, <pre>

스마트 제목을 켜면 이모지로 시작하는 줄은 h2, 50자 미만의 「1. 제목」 줄은 h3 로 바뀝니다. 번호 목록을 그대로 두고 싶다면 이 옵션을 끄세요.

변환한 HTML 을 쓸 때 알아 둘 점

입력한 글 속의 <, >, & 는 기본으로 글자 그대로 보이도록 바꿉니다. 이미 써 둔 HTML 태그를 살리고 싶을 때만 「입력한 HTML 태그 살리기」를 켜세요. 이 경우에도 결과는 허용한 태그와 속성만 남기고 정화됩니다.

출처를 모르는 HTML 을 그대로 게시판이나 블로그에 붙이면 스크립트가 실행될 수 있습니다. 이 도구의 정화는 미리보기와 결과 소스를 안전하게 보이도록 돕지만, 최종 게시 전에는 플랫폼의 편집기에서 한 번 더 확인하세요.
  • 표는 세로선(|), 탭, 두 칸 이상 띄운 공백으로 나눈 줄 모두 인식합니다(탭·공백 표는 두 줄 이상일 때).
  • 글 안의 이모지가 부담스러우면 소스 탭의 「이모지 제거」로 결과에서만 지울 수 있습니다.
  • 블로그 편집기의 HTML 모드에 붙일 때는 css 스타일이 플랫폼 기본값으로 보일 수 있습니다.

자주 묻는 질문

입력한 글이 서버로 전송되나요?

전송하지 않습니다. 변환과 정화는 모두 이 페이지의 스크립트가 브라우저 안에서 처리하며, 창을 닫으면 사라집니다.

미리보기에서 내가 붙인 스크립트가 실행되나요?

실행되지 않습니다. script 태그·on 으로 시작하는 이벤트 속성·javascript: 주소는 제거하고, 스크립트를 허용하지 않는 격리된 틀(sandbox iframe) 안에 그립니다.

표가 표로 바뀌지 않아요.

세로선(|)으로 감싼 줄, 탭으로 나눈 줄, 두 칸 이상 띄운 줄이 두 줄 이상 이어져야 표로 봅니다. 한 칸씩만 띄운 글은 「표 변환」으로 먼저 마크다운 표로 바꿔 주세요.

링크가 글자로만 나와요.

http, https, mailto, tel 로 시작하는 주소만 링크로 만듭니다. javascript: 처럼 위험한 주소는 안전을 위해 링크로 만들지 않고 글자만 남깁니다.

처리·개인정보

입력한 글과 변환 결과는 브라우저 메모리에서만 처리하며, 서버로 전송하거나 저장하지 않습니다.

갱신일
2026.10.19