Softonic

마크다운 BBCode 변환기

단계 1 / 2
다음

마크다운은 이제 어디서나 쓰이지만, 많은 포럼(phpBB, vBulletin, Invision, 클래식 SMF 게시판)은 여전히 BBCode만 받아들입니다. BBCode는 마크다운보다 10년이나 앞서 등장한 대괄호 태그 마크업입니다. 마크다운을 붙여넣으면 이 변환기가 제목, 강조, 목록, 코드 블록, 표, 인용, 링크를 각각의 BBCode 형식으로 다시 작성하므로, 즐겨 쓰는 마크다운 편집기로 작성한 초안을 기존 게시판에 바로 올릴 수 있습니다.

변환 방식

  1. 1

    마크다운 붙여넣기

    전체 문서나 일부를 입력하세요. GFM 확장(표, 취소선)을 지원합니다.

  2. 2

    포럼 방언 선택

    phpBB, vBulletin, Invision 또는 일반. 각각 태그 세트가 조금씩 다릅니다.

  3. 3

    변환

    제목 → `[size]` 또는 `[b]`, 강조 → `[i]`/`[b]`, 목록 → `[list]`, 코드 → `[code]`.

  4. 4

    BBCode 복사

    출력 결과는 어떤 포럼 게시글 편집기에도 바로 붙여넣을 수 있습니다.

Markdown → BBCode 매핑

Markdown BBCode
# H1 [size=200][b]H1[/b][/size]
## H2 [size=150][b]H2[/b][/size]
*italic* [i]italic[/i]
**bold** [b]bold[/b]
~~strike~~ [s]strike[/s]
`inline code` [c]inline code[/c] 또는 [icode]
울타리 코드 블록 [code]...[/code]
글머리 기호 목록 [list] + [*] 항목 + [/list]
번호 매긴 목록 [list=1] + [*] 항목
> quote [quote]quote[/quote]
[text](url) [url=...]text[/url]
![alt](img) [img]img[/img] (alt 삭제됨)
수평선 지원하면 [hr], 아니면 빈칸
표 (GFM) [table][tr][td]...[/td][/tr][/table]

방언 차이

모든 포럼이 같은 BBCode를 쓰는 것은 아닙니다. 흔한 차이점:

  • 제목. phpBB는 [h1]–[h6]를 지원하지 않습니다. 변환기는 [size] + [b]로 흉내 냅니다. vBulletin은 [size=5]를 지원합니다.
  • 색과 글꼴. [color=red]는 어디서나 작동하지만 마크다운에서는 생성되지 않습니다(이를 위한 소스 문법이 없습니다).
  • 인라인 코드. 일부 게시판은 [c]를, 다른 게시판은 [icode]를 쓰며, 대부분은 [code]로 대체합니다.
  • 이미지. BBCode에는 alt 속성이 없어 alt 텍스트가 삭제됩니다. 접근성이 중요하다면 옆에 일반 텍스트로 덧붙이세요.

왕복 변환에서 살아남는 것

  • 굵게, 기울임, 취소선: 완벽.
  • 인라인 코드와 코드 블록: 완벽.
  • 목록: 완벽.
  • 링크: 완벽.
  • 표: 포럼이 [table]를 지원하는지에 따라 다릅니다. phpBB는 기본적으로 지원하지 않으니 플러그인을 쓰거나 일반 텍스트 격자로 대체하세요.
  • 제목: 근사치, BBCode에는 의미론적 제목 레벨이 없습니다.

기존 게시판 활용 팁

  • 붙여넣고 미리 보기. 각 포럼의 BBCode 파서에는 특이한 점이 있어, 한 포럼에서 되는 것이 다른 포럼에서는 문자 그대로 표시될 수 있습니다.
  • 들여쓴 내용에는 [code] 블록을 쓰는 것이 좋습니다. 마크다운의 4칸 들여쓰기 코드 스타일은 BBCode 파서가 무시하는 경우가 있습니다.
  • 포럼이 [html]를 지원한다면, 먼저 마크다운을 HTML로 변환한 뒤 붙여넣으면 더 깔끔한 출력을 얻을 수 있습니다.

자주 묻는 질문

BBCode에는 역사적으로 제목 태그([h1])가 없습니다. 대부분의 포럼은 [size]와 [b]로 흉내 냅니다. 포럼에 제목 플러그인이 있다면 출력을 수동으로 후처리할 수 있습니다.

서드파티 [table] 플러그인이 있을 때만 가능합니다. 기본 phpBB는 [table]를 받아들이지 않습니다. 변환기가 출력은 하지만, 플러그인이 설치되어 있지 않으면 포럼은 이를 문자 그대로 표시합니다.

BBCode의 [img] 태그에는 alt 속성이 없어 alt 텍스트가 삭제됩니다. 접근성이 중요하다면 주변 텍스트에 캡션을 추가하세요.

이 도구로는 안 됩니다. BBCode를 마크다운으로 변환하는 별도의 도구가 있습니다. 마크다운에 대응하는 표현이 없는 색과 글꼴 태그에 주의하세요.

아니요. 변환은 전적으로 브라우저 안에서 이루어지므로 초안이 기기를 벗어나는 일은 없습니다.

관련 도구

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

Webpack 설정 생성기

순수 JavaScript, React, Vue용 webpack 5 webpack.config.js를 만드세요. TypeScript, Babel, CSS 또는 Sass, 이미지, HtmlWebpackPlugin, 개발 서버, npm install 명령까지 함께 제공합니다.

색상 혼합기

두 HEX 색상을 2-20개의 균등한 색상 견본으로 섞습니다. 양 끝 색상을 포함해 각 중간 색상을 대문자 HEX 코드로 확인하세요.

PHP 포매터

간단한 PHP 코드에 줄바꿈과 2칸 또는 4칸 들여쓰기를 추가합니다. 결과를 반드시 검토하세요. PHP 파서나 PSR-12 적용 도구가 아닙니다.

OpenAPI 검증기

OpenAPI 또는 Swagger 문서를 JSON이나 YAML로 붙여넣고 핵심 구조를 점검하세요: 버전 필드, info 객체, paths를 명확한 오류와 경고와 함께 확인합니다.

CSS 로딩 애니메이션 생성기

순수 CSS로 원형 스피너를 만듭니다. 지름, 테두리 두께, 포인트 색상, 회전 속도를 설정하고 미리 보기를 확인한 뒤 바로 쓸 수 있는 CSS를 복사하세요. SVG도 자바스크립트도 필요 없습니다.

이 도구는 다른 언어로도 제공됩니다