BBCode HTML 변환

[b], [i], [url], [img], [quote] 같은 BBCode 태그를 깔끔한 HTML로 변환하세요. 커뮤니티 게시글을 웹사이트나 블로그로 옮길 때 쓰는 무료 변환기.

게시판 BBCode를 HTML로 바꾸기

BBCode(게시판 코드)는 phpBB, vBulletin, MyBB 같은 포럼과 여러 게임 커뮤니티에서 쓰는 대괄호 마크업입니다. [b]굵게[/b], [i]기울임[/i], [url=https://example.com]링크[/url], [img]...[/img], [quote]...[/quote], [list] 등이 있습니다. 게시판에서는 간단하고 안전하지만 웹사이트에는 HTML이 필요합니다.

BBCode를 붙여 넣으면 변환기가 해당하는 HTML을 출력합니다. [b]Hello[/b]는 Hello(또는 )가 되어 블로그, CMS, 뉴스레터에 바로 쓸 수 있습니다.

오래된 포럼 게시글, 공략, 서명을 최신 사이트로 옮길 때 특히 유용합니다.

BBCode HTML 변환 사용법

BBCode 텍스트를 붙여 넣습니다.
제출 버튼을 눌러 변환합니다.
HTML 결과를 복사합니다.
CMS의 HTML 또는 코드 보기 화면에 붙여 넣습니다.

예시

굵게, 기울임, 링크

입력: [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

결과:

<strong>Bold</strong> and <em>italic</em> <a href="https://mybotsy.com">My Botsy</a>

인용과 색상

입력: [quote]Hello[/quote] [color=red]red[/color]

결과: <blockquote>Hello</blockquote> red

입력: [list][*]One[*]Two[/list]

결과: <ul><li>One</li><li>Two</li></ul>

이미지와 닫히지 않은 태그

입력: [img]https://example.com/cat.png[/img] [b]unclosed

결과: <img src="https://example.com/cat.png" /> unclosed

닫히지 않은 태그는 자동으로 닫히므로 [/b]를 깜빡해도 페이지 나머지가 모두 굵게 바뀌지 않습니다.

글자 크기의 특이점

입력: [size=20]big[/size]

결과: big

결과에서 20%를 1.25em이나 20px 같은 크기로 바꾸세요.

주요 활용 사례

포럼 게시글과 공략을 블로그나 지식 베이스로 옮기기.
포럼 서명이나 공지를 웹사이트에서 다시 쓰기.
게임 커뮤니티 공략을 웹페이지로 바꾸기.
BBCode 콘텐츠가 HTML로 어떻게 보일지 미리 보기.
오래된 포럼 규칙과 FAQ를 웹페이지로 만들기.

알아두면 좋은 팁

포럼마다 지원하는 태그가 조금씩 다릅니다. 사용자 정의 태그는 변환되지 않아 직접 고쳐야 할 수 있습니다.
변환 후 이미지 링크를 확인하세요. 오래된 포럼의 이미지 호스팅은 사라진 경우가 많습니다.
결과는 HTML 압축기로 더 다듬거나, HTML 태그 제거기로 서식을 완전히 없앨 수 있습니다.
새 글을 쓰신다면 더 현대적인 마크다운 HTML 변환도 있습니다.

특수한 경우와 제한 사항

[size=20]은 font-size: 20%가 되어 아주 작아집니다. 포럼은 크기를 픽셀이나 포인트로 취급하는 경우가 많으니 결과에서 조정하세요.
입력에 이미 들어 있는 HTML은 변환 전에 제거되므로, BBCode와 HTML이 섞여 있으면 HTML 부분은 사라집니다.
[spoiler]는 spoiler 클래스가 붙은 div가 됩니다. 사이트 CSS에서 이 클래스를 꾸미기 전까지는 숨겨지지 않습니다.
[u]는 밑줄 span으로, [s]는 del로, [code]는 pre와 code로, [center]는 가운데 정렬 div로 바뀝니다.

자주 묻는 질문

BBCode란 무엇인가요?

대괄호 태그를 쓰는 가벼운 마크업 언어로, 주로 인터넷 포럼(게시판)에서 사용합니다.

BBCode와 HTML은 같은 건가요?

아니요. BBCode는 기능이 제한된 더 안전한 마크업이며, 포럼이 게시글을 표시할 때 HTML로 바꿉니다.

어떤 BBCode 태그를 지원하나요?

[b], [i], [u], [s], [url], [img], [quote], [code], [list], [color] 같은 일반적인 태그를 폭넓게 지원합니다.

HTML을 다시 BBCode로 바꿀 수 있나요?

이 도구는 BBCode를 HTML로만 변환합니다.

출력된 HTML을 그대로 게시해도 안전한가요?

입력 속 HTML은 변환 전에 제거되어 대부분의 위험이 사라집니다. 그래도 오래된 게시글의 링크와 이미지 주소는 게시 전에 확인하세요.

[code] 블록도 지원하나요?

네. [code]는 pre와 code 블록이 되어 공백과 줄바꿈이 유지됩니다.