Softonic

HTML에서 BBCode로 변환하기

단계 1 / 3

코드 조각, 이메일 본문 또는 전체 페이지를 최대 500,000자까지 붙여넣을 수 있습니다.

다음: 포럼 선택

phpBB, vBulletin, Invision Board 및 구형 MyBB 설치 환경에서는 여전히 게시물에 HTML을 허용하지 않지만 BBCode는 지원합니다. BBCode는 1998년 Ultimate Bulletin Board용으로 개발된 [b], [url], [img] 같은 대괄호 태그입니다. 여기에 HTML을 붙여넣으면 이 변환기가 지원되는 각 태그를 BBCode에 대응하는 형태로 다시 작성하여, 포럼 재게시나 아카이브 내보내기를 위해 서식을 그대로 유지합니다.

HTML을 BBCode로 변환하는 방법

  1. 1

    HTML을 붙여넣기

    스니펫, 블로그 글 또는 HTML로 복사한 페이지 전체를 최대 500,000자까지 붙여넣을 수 있습니다.

  2. 2

    포럼 선택

    phpBB, XenForo, vBulletin, MyBB, SMF, Steam 중에서 고르거나, 대부분의 포럼에서 쓰는 일반 태그를 고릅니다.

  3. 3

    결과 확인

    BBCode에 대응하는 태그가 없는 태그는 삭제되고 텍스트는 남습니다. 포럼에서 표시할 수 없는 항목은 결과 아래의 안내에 정리됩니다.

  4. 4

    BBCode를 복사하세요

    포럼 편집기의 일반 텍스트 모드에 붙여넣으세요.

HTML에서 BBCode 태그로의 매핑

변환기는 브라우저와 같은 방식으로 HTML을 요소 단위로 읽고, 선택한 포럼이 이해하는 태그를 씁니다. 그 포럼에서 표시할 수 없는 항목은 결과 아래의 안내에 정리됩니다.

태그별 변환

HTML BBCode
<b>, <strong>, 굵은 텍스트 [b]...[/b]
<i>, <em>, 기울임 텍스트 [i]...[/i]
<u>, 밑줄 텍스트 [u]...[/u]
<s>, <del>, 취소선 텍스트 [s]...[/s], Steam에서는 [strike]...[/strike]
웹 주소가 있는 <a> [url=https://example.com]...[/url]
이메일 주소가 있는 <a> [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol>, <li> [list], [list=1], [*]
<h1>부터 <h6>까지 굵은 텍스트. 포럼에 크기 태그나 제목 태그가 있으면 함께 사용
글자 색 [color=#cc0000]...[/color]
글자 크기 [size=...]...[/size], 포럼 고유의 단계로 지정
가운데 또는 오른쪽 정렬 텍스트 [center]...[/center] 또는 [align=center]...[/align]
<table> 포럼에 있으면 [table], [tr], [th], [td], 없으면 표의 한 행을 텍스트 한 줄로 변환
YouTube <iframe> 포럼의 동영상 태그 또는 링크
<p>, <div>, <br> 빈 줄 또는 줄바꿈

포럼별 차이

  • phpBB: 크기는 [size=150]처럼 퍼센트로 지정하며 최대 [size=200]입니다. 번호 목록은 [list=1], [list=a], [list=i]를 쓸 수 있습니다. 취소선, 정렬, 표 태그는 없습니다.
  • XenForo: 대문자 태그, [HEADING=1]부터 [HEADING=3]까지, [SIZE=1]부터 [SIZE=7]까지, 문장 안의 코드용 [ICODE], [TABLE], [MEDIA=youtube]가 있습니다.
  • vBulletin: 정렬용 [center], [left], [right]와 [size=1]부터 [size=7]까지의 크기가 있습니다. 취소선과 표 태그는 없습니다.
  • MyBB: [align=center], [size=xx-small]부터 [size=xx-large]까지의 크기, [hr], [video=youtube]가 있습니다.
  • SMF: [size=1.5em] 같은 em 단위 크기, [li] 항목을 쓰는 [list type=decimal], [table], [sub], [sup], [hr], [youtube]가 있습니다.
  • Steam: [h1]부터 [h3]까지, 번호 목록용 [olist], [strike], [table]이 있습니다. 이미지, 색, 크기, 이메일 태그가 없어서 이미지는 링크가 되고 이메일 주소는 그대로 적힙니다.
  • 대부분의 포럼(일반 태그): 굵게, 기울임, 밑줄, 색, 링크, 이메일, 이미지, 인용, 코드, 목록으로, 거의 모든 포럼에서 쓸 수 있습니다.

변환되지 않는 항목

  • 스크립트, 스타일, 양식 입력란, 숨겨진 요소, 주석, SVG 그래픽, MathML 수식.
  • 글꼴, 배경, 간격.
  • 검은색이나 흰색에 가까운 글자 색. 게시물이 포럼의 밝은 테마나 어두운 테마를 따르도록 하기 위해서입니다.
  • 픽셀이나 포인트로 지정한 크기. 포럼의 기본 글자 크기가 적용되도록 하기 위해서입니다.
  • HTML 안에 저장된 이미지(data:image 주소). 먼저 이미지 호스팅 서비스에 올리세요.
  • images/photo.jpg 같은 상대 주소는 남지만 안내에 표시됩니다. https://example.com/images/photo.jpg 같은 전체 주소로 바꾸세요.

권장 방법

  • 게시할 포럼을 선택하세요. 그 포럼의 태그를 써야 결과가 가장 비슷하게 나옵니다.
  • 긴 글을 올리기 전에 짧은 부분을 포럼 미리보기에서 먼저 확인하세요.
  • 포럼 편집기에 BBCode 모드나 소스 모드가 있으면 붙여넣기 전에 그 모드로 전환하세요.

자주 묻는 질문

BBCode는 HTML에 비해 쓸 수 있는 태그가 아주 적습니다. <div>, <section>, <details> 같은 태그는 BBCode에 대응하는 태그가 없습니다. 변환기는 이런 태그를 지우고 텍스트는 남깁니다. phpBB의 표나 Steam의 이미지처럼 선택한 포럼에서 표시할 수 없는 항목은 결과 아래의 안내에 정리됩니다.

일부는 유지됩니다. 인라인 스타일로 지정한 굵게, 기울임, 밑줄, 취소선, 글자 색, 글자 크기, 정렬은 선택한 포럼에 해당 태그가 있으면 변환됩니다. 글꼴, 배경, 간격은 빠지고 텍스트는 남습니다. 검은색이나 흰색에 가까운 글자 색은 게시물이 포럼 테마를 따르도록 제외되고, 픽셀이나 포인트로 지정한 크기는 포럼의 기본 크기가 적용되도록 제외됩니다.

네. <b><i>text</i></b>는 [b][i]text[/i][/b]가 되고, 링크 안의 이미지는 [url=https://example.com][img]https://example.com/photo.jpg[/img][/url]가 됩니다. 굵은 텍스트 안의 굵은 텍스트는 [b] 태그 하나로 씁니다. 일부 포럼은 반복된 태그의 짝을 잘못 맞추기 때문입니다.

이 도구에서는 할 수 없습니다. 반대 방향으로 변환하려면 BBCode를 HTML로 바꾸는 변환기를 사용하세요. HTML의 태그가 BBCode보다 훨씬 많기 때문에 왕복 변환을 하면 정보가 일부 사라집니다.

글을 올릴 포럼을 선택하세요. phpBB, XenForo, vBulletin, MyBB, SMF(Simple Machines Forum), Steam 중에서 고를 수 있습니다. 포럼마다 쓸 수 있는 태그가 조금씩 다릅니다. 예를 들어 취소선은 [s] 또는 [strike], 크기는 [size=150] 또는 [SIZE=5]입니다. 사용하는 포럼이 목록에 없으면 ‘대부분의 포럼(일반 태그)’를 선택하세요. 거의 모든 포럼에서 쓰는 태그만 사용합니다. 결과 화면에서 다시 붙여넣지 않고 포럼을 바꿀 수 있습니다.

아니요. 붙여넣은 HTML은 브라우저 안에만 있습니다. 변환도 브라우저에서 이루어지며, 저희 서버로 전송되거나 페이지 링크에 추가되지 않습니다. 단계 사이를 오갈 수 있도록 이 브라우저 탭은 탭을 닫거나 ‘다시 시작’을 클릭할 때까지 HTML을 보관합니다.

관련 도구

보색 찾기

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

Webpack 설정 생성기

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

Protocol Buffers 디코더

hex, Base64, Base64URL, 텍스트 또는 파일의 Protobuf 와이어 형식 바이트를 브라우저에서 디코딩하고 정확한 필드 후보를 확인한 뒤 비공개 보고서로 내보냅니다.

텍스트 파일 인코딩 변환기

깨진 문자를 고치기 위해 텍스트를 UTF-8, UTF-16, Latin-1, Windows-1252 등 여러 인코딩 사이에서 변환하세요.

XSD 검증기

XML 문서를 XSD 스키마에 대해 검증하고, 요소와 타입 불일치를 정확한 줄 번호와 함께 보고합니다.

색상 혼합기

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

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