마크다운 보기

• 그리는 곳은 이 기기입니다. 마크다운을 바꾸는 도구(marked)와 거르는 도구(DOMPurify)는 이 사이트에서 받아 브라우저 안에서 돌립니다. 바깥 사이트에서 따로 받지 않습니다.
• 쪽이 다 뜬 뒤에 도구를 받습니다. 글을 넣기 전에 미리 받기 시작하고, 아직 받는 중에 글을 넣으면 「그리기 도구를 받는 중입니다」가 나온 뒤 받자마자 그립니다.
• 글 속 HTML은 걸러서 보여 줍니다. <script>, onclick 같은 이벤트 속성, <iframe>, style 속성, javascript: 링크는 글 속에 있어도 남지 않습니다. 쪽이 깨지거나 몰래 요청을 보내는 것을 막으려는 것입니다.
• 링크는 새 탭에서 열립니다. http, https, mailto 주소만 링크로 남고, 새 탭으로 열리며 이쪽 쪽에 대한 접근 권한을 넘기지 않습니다(rel="noopener noreferrer"). 그 밖의 주소는 글자로만 보입니다.
• 100KB가 넘는 글은 저절로 다시 그리지 않습니다. 글을 고쳐도 꾸민 글은 앞서 그린 채로 흐리게 남고, 다시 그리기를 눌러야 바뀝니다. 길고 느린 글을 칠 때 쪽이 멈추는 것을 막는 규칙입니다.
• 1MB까지 넣을 수 있습니다. 넘으면 그리지 않고 「1MB까지 넣을 수 있습니다」 안내만 나옵니다. 글 칸의 글은 그대로 남습니다.
• 저장하지 않습니다. 글을 기기에 남기지 않고 주소에도 담지 않습니다. 공유 링크는 없습니다. 새로 고친 뒤 글이 남아 보인다면 브라우저가 입력 칸을 되살린 것입니다.
• 줄 하나의 줄바꿈은 줄바꿈이 아닙니다. GitHub처럼 빈 줄이 문단을 나눕니다. 줄만 바꾸면 한 문단으로 이어져 보입니다.

왜 바깥 그림을 바로 부르지 않나요

마크다운의 ![설명](https://...)는 「이 주소의 그림을 여기에 보여 줘」라는 뜻입니다. 그림을 보여 주려면 브라우저가 그 주소의 서버에 그림을 달라고 요청해야 하는데, 그 순간 서버는 요청한 사람의 IP 주소(접속한 곳을 알 수 있는 번호), 브라우저 종류, 요청한 시각을 알게 됩니다. 그림 주소 끝에 ?id=...처럼 붙은 값으로 어떤 글에서 불렀는지도 알 수 있습니다.

남이 쓴 글을 붙여 넣어 볼 때 이것이 문제가 됩니다. 글 속에 보이지 않을 만큼 작은 그림이 심겨 있으면, 글을 열기만 해도 그 서버에 내 접속 정보가 전해집니다. 열어 본 사실을 상대에게 알려 주는 흔한 방법입니다.

그래서 이 도구는 주소가 http://, https://, //로 시작하는 그림을 처음에는 부르지 않습니다. 대신 그 자리에 회색 상자를 두고 대체 글과 그림이 있는 서버 이름(예 「toolbox24.net」)을 보여 줍니다. 결과 칸 맨 위에는 「바깥 그림 ○개를 불러오지 않았습니다」 안내와 바깥 그림 불러오기 단추가 나옵니다. 믿을 수 있는 글이라면 단추를 눌러 그림을 봅니다.

• 누르면 그때 있는 바깥 그림과, 그 뒤 글에 새로 생기는 바깥 그림까지 불러옵니다.
• 이 허락은 쪽을 떠나거나 새로 고치거나 글 지우기를 누를 때까지만 갑니다. 저장하지 않습니다. 글 지우기 뒤 되돌리기로 글을 되살려도 허락은 되살아나지 않고 다시 막힙니다.
• 불러오지 못한 그림은 깨진 그림 대신 「그림을 불러오지 못했습니다」 상자로 보입니다.
• 글 안에 데이터로 들어 있는 그림(data:image/...)은 바깥 서버가 없어 바로 보입니다. 상대 주소(img/a.png)는 이 글 밖에 있는 그림이라 「이 글 밖에 있는 그림이라 보일 수 없습니다」로 나옵니다.

꾸민 글 복사로 메일과 문서에 붙이기

꾸민 글 복사는 꾸민 모양 그대로를 클립보드에 넣습니다. 메일 작성창이나 문서 편집기에 붙여 넣으면 제목은 제목으로, 굵은 글씨는 굵게, 표는 표로 들어갑니다. 기호가 그대로 찍히지 않습니다. 서식을 받지 못하는 곳에는 기호 없는 글만 들어갑니다.

HTML 복사는 거른 HTML 글을 그대로 복사합니다. 블로그의 HTML 편집 칸처럼 코드를 받는 곳에 씁니다.

두 단추 모두 허락을 누르기 전에도 복사할 수 있고, 이때 바깥 그림은 원래 그림 주소를 담은 채 복사됩니다. 이 쪽에서는 그림을 부르지 않았지만 붙여 넣은 곳의 프로그램이 그림을 부를 수 있다는 뜻입니다.

인쇄해서 PDF로 저장하기

인쇄를 누르면 브라우저의 인쇄 창이 열리고, 꾸민 글만 찍힙니다. 머리글, 글 칸, 광고, 설명 글은 나오지 않습니다. 바깥 그림을 아직 허락하지 않았다면 그림 자리에는 회색 상자가 찍힙니다.

PDF로 저장하려면 인쇄 창의 프린터 칸에서 「PDF로 저장」(크롬 계열) 또는 「PDF로 인쇄」(맥 사파리 등)를 고릅니다. 이 기능은 브라우저가 하므로 이름은 브라우저마다 다를 수 있습니다.

예시 넣기를 누르면 아래 글이 들어갑니다.

# 회의 메모

**날짜**: 2026-11-02 · *참석*: 3명 · ~~취소된 안건~~

## 정한 것
- [x] 다음 판 범위
- [ ] 출시 날짜

## 숫자
| 항목 | 지난달 | 이번 달 |
|---|---:|---:|
| 방문 | 1,200 | 1,450 |
| 문의 | 12 | 9 |

> 다음 회의 전에 자료를 올려 주세요.

1. 첫째
2. 둘째

`한 줄 코드`와 코드 덩이:

```js
console.log('안녕하세요');
```

[toolbox 홈](https://toolbox24.net/ko/)

![toolbox 공유 그림](https://toolbox24.net/og.png)

결과 칸에는 가장 큰 제목 「회의 메모」, 굵은 「날짜」와 기울인 「참석」, 취소선이 그어진 안건, 선택된 체크 칸 하나와 빈 체크 칸 하나, 방문과 문의 숫자가 오른쪽에 맞춰진 표, 인용, 번호 목록, 고정폭 코드 덩이가 나옵니다. 마지막 그림은 이 사이트의 그림이지만 바깥 주소이므로 처음에는 「toolbox 공유 그림」이라는 회색 상자로 보이고, 바깥 그림 불러오기를 누르면 그림이 나타납니다.

• 줄만 바꿨는데 한 줄로 이어질 때. 위 규칙대로 빈 줄이 있어야 문단이 나뉩니다. 줄 끝에 공백 둘을 두거나 \를 붙여도 줄이 바뀝니다.
• HTML 태그가 사라질 때. 글 속 <style>, <iframe>, <video>, <form>처럼 바깥 요청을 부르거나 쪽 모양을 바꿀 수 있는 태그와 style 속성은 지웁니다. 같은 글이 GitHub에서는 보여도 여기서는 안 보일 수 있습니다.
• 링크가 글자로만 보일 때. javascript:나 data:로 시작하는 링크, 쪽 안 이동 링크(#…)는 누를 수 없는 글자로만 남습니다.
• 그림이 안 나올 때. 주소가 http나 https로 시작하면 바깥 그림 불러오기를 눌러야 합니다. 누른 뒤에도 안 보이면 그림 서버가 막았거나 주소가 틀린 것입니다. 상대 주소 그림은 이 도구에서 볼 수 없습니다.
• 글이 너무 길 때. 100KB를 넘으면 다시 그리기를 누를 때만 그립니다. 1MB를 넘으면 그리지 않고, 줄이면 다시 그릴 수 있습니다.
• 인터넷이 끊겼을 때. 그리는 도구를 아직 받지 못했다면 「다시 시도」를 누릅니다. 한 번 받은 뒤에는 글을 그리는 데 인터넷이 필요하지 않습니다.
• GitHub와 조금 다를 수 있습니다. 이 도구는 GitHub 식 표, 할 일 목록, 취소선, 주소 자동 링크를 지원하지만 GitHub 쪽의 멘션(@이름), 이슈 번호 링크, 수식, 코드 색칠은 하지 않습니다.

넣은 마크다운 글이 서버로 보내지나요?

아니요. 글은 이 기기의 브라우저 안에서만 꾸미고 어디에도 저장하지 않습니다. 쪽을 닫으면 남지 않습니다. 다만 바깥 그림을 불러오면 그 그림이 있는 서버에는 내 접속 정보가 전해집니다.

남이 보낸 글을 붙여 넣어도 안전한가요?

글 속 스크립트와 몰래 요청하는 태그는 걸러서 지우고, 바깥 그림은 누르기 전까지 부르지 않기 때문에 열어 본 것만으로 상대에게 알려지지 않게 했습니다. 그래도 링크를 누르는 것은 내 선택이니, 낯선 주소는 조심해서 누릅니다.

꾸민 글 복사가 안 돼요.

브라우저가 클립보드 쓰기를 막으면 「복사하지 못했습니다」가 나옵니다. 주소창 옆 권한을 확인하거나 HTML 복사를 써 봅니다.

PDF 파일로 바로 내려받을 수 있나요?

내려받기 단추는 없고, 인쇄 창에서 PDF로 저장하는 방식입니다. 꾸민 글만 찍히므로 결과는 같습니다.

Mermaid 그림도 그려지나요?

이 도구에서는 ```mermaid 덩이도 코드로 보입니다. Mermaid 글을 그림으로 보려면 Mermaid 다이어그램 보기를 씁니다.