Markdown 코드 블록 추출기

브라우저 처리

Markdown 문서 속 코드 블록(``` 또는 ~~~)만 순서대로 뽑아 블록 번호, 언어, 시작 줄과 함께 보여 줍니다. 닫히지 않은 블록도 표시합니다.

사용 전 확인

파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.

도구 실행입력 후 결과 확인

Markdown 코드 블록 추출기 샘플 실행

튜토리얼이나 README에 흩어진 명령어와 예제 코드를 하나씩 복사하다 보면 빠뜨리기 쉽습니다. 이 추출기는 문서 안의 코드 블록만 골라 '# 블록 1 · bash · 2행'처럼 번호, 언어, 원문 시작 줄을 머리에 붙여 순서대로 모아 줍니다.

브라우저 처리

샘플 입력

설치 방법
```bash
npm install toolbada
```
~~~css
body { margin: 0; }
~~~
```
언어를 적지 않은 블록
```

샘플 결과

# 블록 1 · bash · 2행
npm install toolbada

# 블록 2 · css · 5행
body { margin: 0; }

# 블록 3 · 언어 없음 · 8행
언어를 적지 않은 블록

자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Markdown 코드 블록 추출기 사용 가이드

``` 와 ~~~ 두 방식 모두 읽고, ```` 처럼 긴 펜스 안에 들어 있는 ``` 예시도 블록을 잘못 끊지 않고 그대로 담습니다. 언어를 적지 않은 블록은 '언어 없음', 끝을 닫지 않은 블록은 '닫히지 않음'으로 표시합니다.

들여쓰기 4칸으로 만든 옛 방식 코드 블록과 `한 줄 코드`는 대상이 아닙니다.

입력

설치 방법
```bash
npm install toolbada
```
~~~css
body { margin: 0; }
~~~
```
언어를 적지 않은 블록
```

결과

# 블록 1 · bash · 2행
npm install toolbada

# 블록 2 · css · 5행
body { margin: 0; }

# 블록 3 · 언어 없음 · 8행
언어를 적지 않은 블록

펜스 줄(```)은 빼고 안쪽 코드만 담습니다. 시작 줄 번호로 원문 위치를 찾을 수 있습니다.

'코드 블록을 찾지 못했습니다'

``` 또는 ~~~로 감싼 블록만 찾습니다. 줄 앞 4칸 들여쓰기로 만든 코드나 `한 줄 코드`는 펜스로 감싸 바꾼 뒤 다시 실행하세요.

마지막 블록에 '닫히지 않음'이 붙음

닫는 ``` 줄이 빠진 블록입니다. 원문 끝까지가 코드로 담기니, 원문에서 블록 끝에 ``` 줄을 넣으세요.

블록 머리의 언어는 어떻게 정하나요?

여는 펜스 뒤 첫 단어입니다. '```js title=app.js'라면 언어는 js로 나옵니다.

코드 안의 들여쓰기도 유지되나요?

네. 블록 안의 공백과 빈 줄은 원문 그대로 담고, 펜스 줄만 뺍니다.

결과 파일 형식은 무엇인가요?

블록을 빈 줄로 구분한 일반 텍스트(.txt)입니다. 필요한 부분만 복사해 .js, .sh 같은 파일로 저장하세요.