utilbox
목록으로 돌아가기
문서

마크다운 에디터

마크다운을 작성하면 오른쪽에 실시간으로 렌더링됩니다.

편집기44줄 · 94단어 · 462자
미리보기

마크다운 에디터에 오신 것을 환영합니다

utilbox 마크다운 에디터는 실시간 미리보기를 지원합니다.

텍스트 서식

일반 텍스트, 굵게, 기울게, 취소선, 인라인 코드

목록

  • 항목 1
  • 항목 2
    • 중첩 항목
  1. 순서 있는 항목
  2. 두 번째 항목

코드 블록

function greet(name) {
  console.log(`안녕하세요, ${name}!`);
}

인용문

좋은 코드는 그 자체로 문서다.

표

항목 값
이름 utilbox
버전 1.0

링크 & 이미지

utilbox 홈 · 이미지 예시

왼쪽에서 편집하면 오른쪽에 즉시 반영됩니다.

마크다운 문법 빠른 참조

굵게**텍스트**
기울게*텍스트*
취소선~~텍스트~~
인라인 코드`코드`
제목 1~6# 제목
링크[텍스트](url)
이미지![대체텍스트](url)
순서 없는 목록- 항목
순서 있는 목록1. 항목
인용문> 내용
구분선---
코드 블록```언어 코드 ```

관련 툴

HTML 마크다운 변환기

HTML 코드를 마크다운(Markdown)으로 즉시 변환합니다.

한글 자모 분리 변환기

한글을 초성·중성·종성으로 분리하거나 자모를 다시 조합합니다.

숫자 한글 변환기

숫자를 한글 금액(일백만원)이나 한글 수사로 변환합니다.

마크다운 에디터 자세히 알아보기

마크다운 에디터는 GitHub Flavored Markdown(GFM) 문법으로 작성한 텍스트를 실시간 미리보기로 확인하면서 편집할 수 있는 도구입니다. 굵게·기울임·코드·링크·이미지·표·인용·구분선·목록 같은 자주 쓰는 서식 버튼이 툴바에 정리돼 있어, 단축키나 문법을 외우지 않아도 작업할 수 있습니다.

더 알아보기

좌우 분할(편집+미리보기), 편집만, 미리보기만 3가지 뷰 모드를 지원합니다. 작성한 내용은 .md 파일로 다운로드하거나 HTML로 변환해 클립보드에 복사할 수 있어, 블로그·README·기술 문서 작성을 한 곳에서 마무리할 수 있습니다.

이럴 때 사용하세요

  • •GitHub README.md를 미리보기로 확인하면서 작성할 때
  • •Tistory·velog·Medium에 올릴 글을 마크다운으로 초안 작성할 때
  • •회의록·기술 문서·릴리스 노트를 빠르게 정리할 때
  • •노션·옵시디언으로 옮기기 전 마크다운 형식을 다듬을 때
  • •코드 블록·표·체크리스트가 들어간 문서를 작성할 때

마크다운 에디터 자주 묻는 질문

어떤 마크다운 문법을 지원하나요?
GitHub Flavored Markdown(GFM)을 지원합니다. 헤더, 굵게/기울임/취소선, 인라인·블록 코드, 링크, 이미지, 표, 인용, 구분선, 정렬·번호 목록, 체크리스트가 모두 정상 렌더링됩니다.
줄바꿈을 누르면 자동으로 한 줄 띄어주나요?
네. breaks 옵션이 켜져 있어 일반 마크다운과 달리 단일 줄바꿈도 <br>로 변환됩니다. 한국어 문서 작성 시 직관적인 동작입니다.
작성한 내용은 어디에 저장되나요?
현재는 브라우저 메모리에만 머무르며 새로고침 시 사라집니다. 중요한 내용은 .md 다운로드 버튼으로 파일 저장하거나 HTML 복사 후 다른 도구에 붙여넣는 것을 권장합니다.
PDF로 변환할 수 있나요?
이 도구는 마크다운→HTML 미리보기 전용입니다. PDF가 필요하면 동일 사이트의 마크다운 PDF 변환 도구를 사용해 주세요.
분할 화면이 좁을 때 한쪽만 볼 수는 없나요?
툴바 우측의 편집·분할·미리보기 토글로 원하는 모드만 전체 화면으로 띄울 수 있습니다.