마크다운 편집기

마크다운 편집기는 실시간 미리보기 기능을 제공하는 마크다운을 편집할 수 있는 텍스트 유틸리티 입니다. 마크다운 코드를 작성하면서 실시간으로 결과를 확인할 수 있습니다.

마크다운 입력* (마크다운을 입력하거나 마크다운 파일 혹은 다운로드 받은 마크다운 압축 파일을 드래그 드랍해 주세요.) 수정시 사용할 제목 메인 키워드

공백 미포함 글자 수: 0, 공백 포함 글자 수: 0, 단어 수: 0

이미지 입력 (이미지 혹은 이미지 포함 압축 파일을 드래그 드랍하거나 클릭하여 선택하세요. 입력된 이미지를 클릭시 HTML 코드에 자동 입력 됩니다.)

이미지를 드래그하거나 클릭하여 선택하세요

마크다운 미리보기 🔗

마크다운 문법의 주요 요소 🔗

마크다운 문법	설명
# 제목	제목, 블로그에서 제목
## 중제목	중제목, 블로그에서 본문 섹션 제목
### 소제목	소제목, 블로그에서 본문 하위 섹션 제목
- 순서 없는 목록 아이템 1	순서 없는 목록
1. 순서 있는 목록 아이템 1	순서 있는 목록
[링크텍스트](https://www.freeonlineutility.com/)	링크
굵은 글씨	굵은 글씨
기울임 글씨	기울임 글씨
`프로그램 코드`	프로그램 코드
![마우스를이미지에올릴때보일글자없어도무방](img.png)	이미지

마크다운 편집기 사용 방법

마크다운 편집기 도구의 사용법은 매우 간단합니다:

1. 위의 텍스트 영역에 마크다운 코드를 작성합니다.

2. 마크다운 코드를 직접 작성하지 않고 마크다운 파일 혹은 다운로드 받은 마크다운 압축 파일을 드래그 드랍해도 됩니다. 마크다운 압축 파일을 드래그 드랍할 경우 마크다운 뿐아니라 이미지도 자동으로 입력 됩니다.

3. 이미지 혹은 이미지 포함 압축 파일을 드래그하거나 클릭하여 선택합니다.

4. 마크다운 미리보기 버튼을 누르면 미리보기 결과가 아래 미리보기 창에 보여 집니다.

5. 초기화 버튼을 클릭하면 기본 코드로 리셋됩니다.

📦 다운로드 파일 구성 안내

아래 다운로드 버튼을 클릭하면 하나의 ZIP 파일이 생성되며, 내부에는 다음과 같은 파일들이 포함됩니다.

1. markdown.md

현재 작성한 마크다운 에디터의 모든 텍스트가 저장됩니다.

2. 1.png, 2.png, 3.png ...

업로드한 원본 이미지들이 순서대로 1.png, 2.png 형태로 저장됩니다.

3. share.html

공유주소 링크가 들어 있습니다. 링크를 클릭하면 공유 URL로 이동 합니다.

4. images.zip (원본 이미지 ZIP)

업로드된 원본 이미지를 그대로 포함한 ZIP 파일입니다.
내부 폴더 구조:

images/
         ├── 1.png
         ├── 2.png
         └── ...

5. cropped-images.zip (랜덤 크롭 + 밝기 적용 + JPEG 압축)

업로드한 각 이미지에 대해 다음 과정을 수행한 뒤 ZIP 파일로 저장됩니다:

이미지를 90%~100% 범위 내에서 랜덤 비율로 크롭
밝기를 0.8 ~ 1.2 범위 내에서 랜덤 적용
크롭된 이미지에 대해 JPEG 70% 품질로 압축
압축된 Blob을 기존 파일명.png 으로 저장

최종 ZIP 파일 이름은 마크다운 내용의 첫 번째 # 제목을 기반으로 다음 형식으로 저장됩니다:

YYYYMMDDHHMMSS-제목.zip

만약 # 제목이 없는 경우에는 기본 형식으로 저장됩니다:

YYYYMMDDHHMMSS.zip

마크다운 편집기에서 편집, 이미지 추가, 저장, 공유 🔗

마크다운 편집기에서는 텍스트 수정뿐만 아니라 이미지 삽입도 가능하며, 이미지가 포함된 상태에서 마크다운 압축 다운로드 버튼을 누르면 원고와 이미지가 함께 압축 파일로 저장됩니다.

추후 다시 편집이 필요할 경우, 다운로드한 압축 파일을 마크다운 편집기의 마크다운 입력 영역에 드래그 앤 드롭하면 원래의 편집 상태로 그대로 복원됩니다. 이미지가 포함된 경우 이미지도 자동으로 함께 불러와집니다.

마크다운 편집기 도구는 리뷰에 이미지를 쉽게 삽입 및 하나의 압축 파일로 묶어 다운로드 할수 있어 체험단, 기자단 원고 공동작업시 다른 팀원이나 배포자(블로거)에게 전달하기 쉽게 해줍니다.

블로거에게 블로그 글 복사·붙여넣기를 의뢰할 때는, 압축 해제 후 생성되는 share.html(마크다운 공유 주소) 파일과 cropped-images.zip(이미지 처리 파일, 랜덤 크롭·밝기 보정·JPEG 압축 적용)을 전달하면 됩니다.

체험단, 기자단 원고에 이미지를 쉽게 삽입 및 하나의 압축 파일로 묶어 다운로드 할수 있어 공동작업시 다른 팀원이나 배포자(블로거)에게 전달하기 쉽게 해줍니다.

마크다운 편집기에서 작성한 이미지 포함 샘플 원고는 여기에서 다운받을 수 있습니다.

복붙 기자단 블로거 블로그 포스팅 의뢰 예시

마크다운 압축 한 파일로 블로그 포스팅 의뢰 예시

마크다운 편집기 압축 파일 공유

https://drive.google.com/file/d/1mgkS0004uog06dxW4YzFIz7BMG1hKMmy/view?usp=sharing
위 구글 드라이브에서 압축 파일을 다운 받으신후 압축푸셔서

share.html를 브라우저로 열어 공유 URL 링크 누르면 원고 볼수 있습니다
미리보기 원고 밑에 클립보드에 복사 버튼을 눌러 복사해 블로그 글에 복사해 넣고 조금 다듬으시면 됩니다.
                    
cropped-images.zip 를 압축풀어 원고에 표시된 이미지를 원고에 삽입하시면 됩니다

원고 링크와 이미지 압축 파일 별도로 블로그 포스팅 의뢰 예시

마크다운 편집기 압축 파일을 구글 드라이브에 푼 상태에서 share.html, cropped-images.zip 파일 공유

share.html
https://drive.google.com/file/d/1WwHygbM7noj14DGB8fRyz4DWq9T7KhTI/view?usp=sharing
다운받아 
브라우저로 열어 공유 URL 링크 누르면 원고 볼수 있습니다
미리보기 원고 밑에 클립보드에 복사 버튼을 눌러 복사해 블로그 글에 복사해 넣고 조금 다듬으시면 됩니다.
                    
cropped-images.zip
https://drive.google.com/file/d/1oNn5rFB0l5MXd2eo0XYYYjBIg1z4pbpZ/view?usp=sharing
다운받아 
압축풀어 원고에 표시된 이미지를 원고에 삽입하시면 됩니다

공유 시 글자수 제한

이 유틸리티는 내용을 공유할 수 있는 URL을 생성합니다. 다만 URL에는 기술적인 길이 제한이 있으며, 이를 초과할 경우 정상적으로 열리지 않을 수 있습니다.

이 유틸리티가 사용하는 서버 및 CDN 환경에서는 요청 URL의 최대 길이를 약 32KB로 제한하고 있으며, 이를 초과할 경우 “Request-URI Too Long (414)” 오류가 발생할 수 있습니다.

URL 길이는 글자 수가 아닌 바이트(Byte) 기준으로 계산됩니다. 일반적으로 영문(ASCII)은 1글자 ≈ 1바이트, 한글(UTF-8)은 1글자 ≈ 3바이트를 사용합니다.

이론적으로 최대 허용 길이(32KB)는 영문 기준 약 32,000자, 한글 기준 약 10,000자에 해당합니다.

단, 실제 URL에서는 한글과 일부 특수문자가 URL 인코딩되며, 이 경우 한글 1글자가 약 9~12바이트까지 증가할 수 있습니다. 따라서 실제로 허용되는 한글 글자 수는 이론값보다 더 적을 수 있습니다.

본 페이지에서는 공유 URL 복사 시 실제 전송 기준(Byte 기준)으로 길이를 계산하여, 제한을 초과하는 경우 경고창을 표시합니다. 이 경우 내용의 글자 수를 줄여 다시 시도해 주세요.

유용한 팁

SEO 측면에서 블로그 글쓰기에서 공백 미포함 최소 글자 수 1,500자 사용이 추천됩니다.