BBCode → HTML 변환기
포럼 BBCode([b], [url], [quote], [list=1/a/i] 등)를 HTML로, HTML을 다시 BBCode로 변환합니다. 입력을 먼저 이스케이프해 원본 마크업이 새어 나오지 않습니다.
<strong>굵은 글씨</strong>와 <em>기울인 글씨</em> <a href="https://example.com">링크 예시</a> <ul><li>첫째 항목</li><li>둘째 항목</li></ul> <ol><li>첫 번째 단계</li><li>두 번째 단계</li></ol>미리보기
BBCode란?
BBCode(게시판 코드)는 포럼과 게시판에서 원본 HTML을 노출하지 않고 글을 꾸미는 데 쓰이는 가벼운 마크업 언어입니다. 꺾쇠 대신 대괄호 태그로 텍스트를 감싸며 [b]굵게[/b], [url=https://example.com]링크[/url], [quote]인용문[/quote] 처럼 사용합니다. 이 변환기는 그런 마크업을 웹 페이지, 이메일 템플릿, CMS에 바로 넣을 수 있는 표준 HTML로 바꿔 줍니다. 포럼에서 가장 많이 쓰는 태그인 [b], [i], [u], [s], [url], [img], [quote], [code], [list], [*], [color], [size]를 지원하고, 게시글에 흔한 레이아웃 태그인 [h1]–[h6], [p], [sup], [sub], [center]·[left]·[right]·[justify]와 [align=…], [font=…], [li]가 든 [ul]/[ol], [hr]도 변환합니다. [quote=작성자]는 작성자를 <cite>로 남깁니다. 목록은 순서 없는 [list] 외에 순서 목록도 됩니다 — [list=1]은 숫자, [list=a]는 알파벳, [list=i]는 로마자입니다. 지원하는 태그는 phpBB, MyBB, vBulletin, SMF가 공통으로 쓰는 기본 태그([b], [i], [u], [url], [img], [quote], [code], [list], [color])에 흔히 덧붙는 태그를 더한 것입니다. [th]·[td] 칸이 든 [tr] 행으로 된 [table], 눌러서 펼치는 [spoiler]와 [spoiler=제목], mailto: 링크가 되는 [email], 영상 ID나 watch·youtu.be·embed·shorts 링크를 받아 유튜브의 쿠키 없는 주소에서 재생하는 플레이어를 쓰는 [youtube]도 변환하며, 주소나 영상으로 읽을 수 없는 값은 입력한 그대로 둡니다. [size=n]의 n은 픽셀로 읽습니다.
안전하게 변환하는 방법
입력한 모든 문자는 태그를 치환하기 전에 먼저 HTML 이스케이프되므로, 원본에 들어 있는 HTML은 문자 그대로 표시되고 출력 밖으로 빠져나갈 수 없습니다. 링크와 이미지 URL은 검사를 거쳐 javascript: 같은 위험한 스킴은 무력화되고, 색상 값과 글꼴 이름은 안전한 문자 집합으로 제한됩니다. 닫히지 않았거나 인식되지 않는 태그는 임의로 추측하지 않고 일반 텍스트로 그대로 남겨 두어 내용이 훼손되지 않습니다. HTML 아래 미리보기는 변환된 글을 스크립트가 실행될 수 없는 샌드박스 프레임에 보여 주고, 줄바꿈을 <br>로 바꾸기를 켜면 게시판에서 보이던 대로 줄바꿈마다 <br>를 넣습니다. 미리보기 프레임은 다른 페이지를 불러오지 않아 [youtube] 영상은 빈 상자로 보이지만, 복사한 HTML에서는 재생됩니다.
양방향 변환, 태그 버튼, 링크
변환 방향을 HTML → BBCode로 바꾸면 반대로 변환합니다. HTML은 스크립트를 실행하거나 이미지를 불러오지 않는 문서로 읽고, 이 페이지가 만드는 태그 — 굵게, 기울임, 링크, 이미지, 인용, 목록, 제목, 색, 크기, 글꼴, 정렬, 코드, 표, 스포일러, 유튜브 플레이어 — 를 모두 BBCode로 되돌리며(이메일 링크는 mailto: 주소를 담은 [url]로 돌아옵니다), 미리보기는 그 BBCode를 게시판이 그리는 모습으로 보여 줍니다. 방향을 바꾸면 지금의 결과가 새 입력으로 넘어가므로 왕복 확인도 한 번이면 됩니다. BBCode → HTML 방향에서는 입력 칸 위의 태그 넣기 버튼이 선택한 글을 [b], [i], [u], [s], [url], [img], [quote], [code], [list]로 감쌉니다. 링크 복사는 글과 변환 방향을 복사하는 링크에 담아 보내거나 나중에 다시 열 수 있게 하며, 링크에 담기에 너무 긴 글이면 그렇다고 알려 줍니다.
자주 묻는 질문
어떤 BBCode 태그를 지원하나요?
포럼에서 가장 흔한 태그를 처리합니다: [b], [i], [u], [s], [url](대상 지정 여부 무관), [img], [quote], [code], [*] 항목이 있는 [list](순서 없음)와 [list=1]/[list=a]/[list=i](순서 목록), [color], 숫자 [size], 그리고 [quote=작성자], 제목 [h1]–[h6], [p], [sup], [sub], 정렬([center], [left], [right], [justify], [align=…]), [font=…], [li]가 든 [ul]/[ol], [hr], 그리고 흔히 덧붙는 [tr]·[th]·[td]가 든 [table], [spoiler]와 [spoiler=…], [email]과 [email=…], [youtube]. [b][i]텍스트[/i][/b] 같은 중첩 태그도 함께 처리되고, 인용 안의 인용도 겹쳐서 표시됩니다.
닫히지 않았거나 알 수 없는 태그는 어떻게 되나요?
임의로 추측하지 않고 일반 텍스트로 그대로 남깁니다. 예를 들어 닫는 태그가 없는 [b]hello는 입력한 그대로 유지되어 내용이 조용히 바뀌는 일이 없습니다.
글이 어떻게 보일지 미리 볼 수 있나요?
네. HTML 아래 미리보기가 변환된 글을 샌드박스 프레임에 그려 줍니다. 그 안에서는 스크립트가 실행될 수 없고 인라인 스타일과 https·data: 이미지만 불러오므로, [img] 태그의 그림은 보이고 다른 것은 가져오지 않습니다. [youtube] 플레이어도 불러오지 않아 영상은 빈 상자로 보이지만, 복사한 HTML에서는 재생됩니다. 줄바꿈을 <br>로 바꾸기를 켜면 게시판에서 보이던 대로 줄바꿈마다 <br>이 들어갑니다. 다만 제목·목록·인용 같은 블록 옆에서는 빈 줄이 생기므로 넣지 않고, [code] 안의 줄은 그대로 둡니다.
HTML을 다시 BBCode로 바꾸거나, 태그를 대신 넣거나, 글을 링크로 보낼 수 있나요?
네. 변환 방향을 HTML → BBCode로 바꾸고 HTML을 붙여넣으면, 스크립트를 실행하거나 이미지를 불러오지 않는 문서로 읽어 script와 style은 버리고, 이 페이지가 만드는 태그를 모두 BBCode로 되돌립니다 — 굵게, 기울임, 밑줄, 취소선, 링크, 이미지, 작성자가 붙은 인용, 종류가 붙은 목록, 제목, 위·아래 첨자, 색·크기·글꼴, 정렬, 가로줄, 표, 제목이 붙은 스포일러, 유튜브 플레이어, 그리고 입력한 그대로 두는 코드입니다. 이메일 링크는 mailto: 주소를 담은 [url]로 돌아옵니다. 미리보기는 그 BBCode를 게시판이 그리는 모습으로 보여 주고, 방향을 바꾸면 지금의 결과가 새 입력으로 넘어갑니다. BBCode → HTML 방향에서는 입력 칸 위의 태그 넣기가 선택한 글을 [b], [i], [u], [s], [url], [img], [quote], [code], [list]로 감싸고 선택을 그대로 남겨 두므로, 한 번 더 누르면 바깥에 태그가 또 감깁니다. [list]는 선택한 줄마다 항목으로 만듭니다. 링크 복사는 글과 변환 방향을 복사하는 링크에 담고, 링크에 담기에 너무 긴 글이면 그렇다고 알려 줍니다.
표, 스포일러, 이메일 링크, 유튜브 영상도 변환되나요?
네. [th]·[td] 칸이 든 [tr] 행으로 된 [table]은 HTML 표가 되고, 칸 안에 든 표도 제대로 겹칩니다. [spoiler]와 [spoiler=제목]은 눌러서 펼치는 접힘 상자가, [email]과 [email=…]은 mailto: 링크가, [youtube]는 영상 ID나 유튜브 링크를 받아 유튜브의 쿠키 없는 주소에서 재생하는 플레이어가 됩니다. 주소나 영상으로 읽을 수 없는 값은 입력한 그대로 남습니다. 미리보기는 프레임을 막아 두어 영상이 빈 상자로 보이지만 복사한 HTML에서는 재생되고, HTML → BBCode 방향은 표·스포일러·플레이어를 다시 태그로 되돌립니다.