Markdown 미리보기
Markdown을 입력하면 오른쪽에서 바로 결과를 확인할 수 있습니다.
자주 쓰는 문법
- 굵은 글씨와 기울임 글씨
inline code와 링크- 순서가 있는 목록
인용문도 지원합니다.
const message = "브라우저에서 바로 변환합니다.";
console.log(message);
Markdown preview and HTML converter
제목·목록·인용문·코드 블록·링크를 입력하면 실시간으로 미리보고 HTML로 변환합니다. 모든 작업은 브라우저 안에서만 처리됩니다.
Markdown을 입력하면 오른쪽에서 바로 결과를 확인할 수 있습니다.
inline code와 링크인용문도 지원합니다.
const message = "브라우저에서 바로 변환합니다.";
console.log(message);
<h1>Markdown 미리보기</h1>
<p>Markdown을 입력하면 오른쪽에서 바로 결과를 확인할 수 있습니다.</p>
<h2>자주 쓰는 문법</h2>
<ul>
<li><strong>굵은 글씨</strong>와 <em>기울임 글씨</em></li>
<li><code>inline code</code>와 링크</li>
<li>순서가 있는 목록</li>
</ul>
<blockquote>인용문도 지원합니다.</blockquote>
<pre><code>const message = "브라우저에서 바로 변환합니다.";
console.log(message);</code></pre>
<p><a href="https://pages.bluesharehub.com/" target="_blank" rel="noopener noreferrer">BlueShareHub</a></p>| 문법 | 표시 결과 | 설명 | 이 도구 |
|---|---|---|---|
# 제목 | 큰 제목 | #은 제목 1단계, ##은 2단계, ###은 3단계입니다. | 지원 |
- 항목 | 글머리 목록 | 하이픈 또는 별표 뒤에 공백을 넣습니다. | 지원 |
1. 항목 | 순서 목록 | 숫자와 마침표 뒤에 공백을 넣습니다. | 지원 |
> 인용문 | 인용문 | 인용할 문장 앞에 >와 공백을 넣습니다. | 지원 |
**굵게** · *기울임* | 글자 강조 | 별표 두 개는 굵게, 한 개는 기울임입니다. | 지원 |
`코드` · ```코드 블록``` | 코드 표시 | 짧은 코드는 한 쌍, 여러 줄 코드는 줄 시작의 ```로 감쌉니다. | 지원 |
[링크 제목](https://example.com) | 클릭 링크 | 대괄호에는 제목, 소괄호에는 URL을 넣습니다. | 지원 |
--- | 구분선 | 하이픈 세 개만 한 줄에 입력합니다. | |
- [ ] 할 일 | 체크리스트 | 완료 항목은 대괄호 안에 x를 넣어 - [x] 완료로 씁니다. | |
| 제목 | 내용 | | 표 | 다음 줄에 | --- | --- |를 넣어 열을 구분합니다. | |
 | 이미지 | 느낌표 뒤에 대체 설명과 이미지 주소를 넣습니다. | |
~~취소선~~ | 취소선 | 물결표 두 개로 문장을 감쌉니다. |
회색 행 문법은 현재 미리보기와 HTML 변환에는 반영되지 않습니다.
문서 작성과 개발 작업에 필요한 텍스트·인코딩 도구를 이어서 사용할 수 있습니다.
BlueShareHub 이용 안내
계산·변환·생산성 도구는 설치 없이 브라우저에서 바로 이용할 수 있습니다. 기록을 여러 기기에서 이어서 관리하고 싶을 때만 Google 계정으로 로그인해 개인화 도구를 사용하세요.
계산기, 이미지 변환, 인코더, 생활·생산성 도구는 입력 후 결과를 바로 확인할 수 있습니다.