마크다운 미리보기/HTML 변환기
제목, 목록, 강조, 코드블록, 안전한 링크를 HTML로 변환하고 바로 미리볼 수 있습니다.
입력값은 서버로 전송하지 않고 브라우저에서만 처리됩니다.
미리보기
마크다운 미리보기 예시
블로그 초안을 굵게, 기울임, 인라인 코드와 함께 작성해 보세요.
- 안전한 HTML만 생성합니다.
- 링크는 https://, http://, mailto:만 허용합니다.
- 원시 HTML 입력은 텍스트로 이스케이프됩니다.
const message = '브라우저 안에서만 변환됩니다.';
console.log(message);
변환된 HTML
스크립트, iframe, object, embed, 인라인 이벤트 핸들러는 생성하지 않으며 링크 프로토콜을 제한합니다.
<h1>마크다운 미리보기 예시</h1> <p>블로그 초안을 <strong>굵게</strong>, <em>기울임</em>, <code>인라인 코드</code>와 함께 작성해 보세요.</p> <ul><li>안전한 HTML만 생성합니다.</li><li>링크는 https://, http://, mailto:만 허용합니다.</li><li>원시 HTML 입력은 텍스트로 이스케이프됩니다.</li></ul> <pre><code>const message = '브라우저 안에서만 변환됩니다.'; console.log(message);</code></pre> <p><a href="https://atog.kr" target="_blank" rel="noopener noreferrer">ATOG 바로가기</a></p>
지원 문법과 보안 안내
- 지원: h1~h3 제목, 문단, 순서 없는 목록, 굵게, 기울임, 인라인 코드, 코드블록, 안전한 링크
- 원시 HTML은 렌더링하지 않고 텍스트로 이스케이프해 XSS 위험을 줄입니다.
- 링크는 http://, https://, mailto:만 허용하며 새 창 링크에는 noopener noreferrer를 적용합니다.
- 이미지는 초기 버전에서 렌더링하지 않아 외부 리소스 추적과 혼합 콘텐츠 위험을 줄입니다.