마크다운 편집기
Markdown Editor
마크다운을 실시간 미리보기로 편집하고 렌더링된 HTML을 내보내며 GFM 표와 체크리스트를 지원합니다.
마크다운을 쓰면 옆에서 결과를, 그 뒤에서 HTML을, 그리고 제목 구조를 함께 보여 줍니다. 파서는 이 저장소가 직접 구현한 CommonMark로, 명세의 652개 예제 중 99.8%를 통과합니다.
마크다운
미리보기
프로젝트 소개
라이브 미리보기가 있는 마크다운 편집기입니다. 굵게, 기울임, 코드, 링크를 씁니다.
설치 방법
- 저장소를 내려받습니다
- 설치 프로그램을 실행합니다
- 앱을 엽니다
| 항목 | 수량 | 금액 |
|---|---|---|
| 노트북 | 2 | 2,400,000 |
| 모니터 | 3 | 900,000 |
인용문은 이렇게 표시됩니다.
const total = items.reduce((sum, item) => sum + item.price, 0);
- [x] 체크리스트도 됩니다
- [ ] 체크하지 않은 항목도 마찬가지입니다
설정
문서
단어
53
글자
368
링크
1
이미지
0
코드 블록
1
표
1
문서 구조
- 프로젝트 소개
#peurojekteu-sogae - 설치 방법
#seolchi-bangbeop
앵커는 퍼센트 인코딩 대신 로마자로 만듭니다. 그래서 한글 제목의 링크도 채팅에 붙여 넣었을 때 그대로 남습니다.
사용 방법
마크다운을 쓰거나 붙여 넣습니다
입력하는 동안 미리보기가 갱신됩니다. 맨 위의 YAML 프런트매터는 가로줄로 그리지 않고 알아본 뒤 미리보기에서 뺍니다.
HTML이 필요하면 전환합니다
같은 문서를 HTML로 보여 줍니다. CMS나 메일 템플릿에 붙일 수 있는 형태이고, 내려받기는 완결된 파일을 줍니다.
문서 구조로 제목 계층을 확인합니다
제목마다 붙을 앵커를 함께 보여 줍니다. h2에서 h4로 건너뛴 것도, 앵커가 겹친 것도 여기서 바로 보입니다.
자주 묻는 질문
원시 HTML을 왜 기본으로 버리나요?
CommonMark는 그대로 통과시키라고 합니다. 내가 쓴 문서라면 맞는 규칙이고 남에게서 붙여 넣은 문서라면 XSS 구멍입니다. 직접 쓴 문서를 위해 경고와 함께 켤 수 있게 두었습니다.
표가 안 그려집니다
파이프 표는 CommonMark가 아니라 깃허브의 확장입니다. 기본은 켜짐이고, 꺼져 있다면 파이프를 글자 그대로 그리는 표준 동작을 보고 있는 것입니다.
앵커가 왜 로마자인가요?
한글 제목으로 가는 링크가 채팅창에 붙여도 살아남게 하려는 것입니다. 퍼센트 인코딩된 앵커는 정확하지만 읽을 수 없고, 중간에 망가뜨리는 시스템도 여럿 있습니다.
이 도구로 이어지는 것
마크다운 PDF 변환
Markdown to PDF
마크다운을 PDF로 조판합니다. 제목·목록·표·코드 블록·인용을 지원하며 기본 14종 글꼴을 씁니다. 한글은 내장 글꼴로는 표현되지 않습니다.
더미 텍스트 생성
Lorem Ipsum Generator
라틴어·영어·한국어·일본어·중국어로 자리표시용 문단·문장·단어를 만듭니다.
HTML 마크다운 변환
HTML to Markdown
붙여넣은 HTML이나 저장한 페이지를 제목·중첩 목록·GFM 표·코드 블록을 살린 마크다운으로 바꾸고 스크립트와 스타일은 걷어냅니다.
마크다운 표 만들기
Markdown Table Builder
표를 격자로 편집해 정렬된 마크다운으로 내보내거나, 어긋난 표를 다시 정돈합니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
HTML 마크다운 변환
HTML to Markdown
붙여넣은 HTML이나 저장한 페이지를 제목·중첩 목록·GFM 표·코드 블록을 살린 마크다운으로 바꾸고 스크립트와 스타일은 걷어냅니다.
마크다운 표 만들기
Markdown Table Builder
표를 격자로 편집해 정렬된 마크다운으로 내보내거나, 어긋난 표를 다시 정돈합니다.
마크다운 워드 변환
Markdown to Word
마크다운을 제목 스타일이 제대로 적용된 .docx로 만들어 워드에서 편집·변경추적할 수 있게 합니다.
마크다운 PDF 변환
Markdown to PDF
마크다운을 PDF로 조판합니다. 제목·목록·표·코드 블록·인용을 지원하며 기본 14종 글꼴을 씁니다. 한글은 내장 글꼴로는 표현되지 않습니다.
찾아 바꾸기
Find & Replace
문자열·단어·정규식으로 치환하며 캡처 그룹을 쓰고 바뀔 부분을 미리 보여 줍니다.
텍스트 개인정보 마스킹
Text Anonymiser
자유 텍스트에서 이메일·전화번호·카드번호·식별번호를 찾아 가리거나 가명으로 바꿉니다.