Softonic

BBCode → HTML 변환기

단계 1 / 2
다음

BBCode는 포럼 시대의 가벼운 마크업이었습니다. [b]bold[/b], [url], [quote], [code] 같은 형식입니다. phpBB, vBulletin, XenForo, SMF 게시판이 모두 이를 사용했고, 그 플랫폼들에는 아직도 수많은 게시물이 남아 있습니다. 이 변환기는 BBCode를 분석해, 최신 CMS나 정적 사이트 또는 포럼 태그를 이해하지 못하는 Markdown-to-HTML 파이프라인에 붙여 넣을 수 있는 깨끗하고 유효한 HTML을 출력합니다.

BBCode를 변환하는 방법

  1. 1

    BBCode 붙여넣기

    게시물 전체나 조각을 붙여 넣으세요. 중첩 태그도 처리됩니다.

  2. 2

    파서가 여는 태그와 닫는 태그를 토큰화

    일치하는 `[tag]...[/tag]` 쌍은 대응하는 HTML 요소를 만듭니다.

  3. 3

    태그 속성 매핑

    `[color=red]`, `[size=18]`, `[url=https://...]` 같은 항목은 인라인 스타일 또는 `href` 속성으로 바뀝니다.

  4. 4

    HTML 복사

    블로그 글, 문서 페이지, 포럼 마이그레이션에 바로 사용할 수 있습니다.

지원 태그

BBCode HTML 출력
[b]text[/b] <strong>text</strong>
[i]text[/i] <em>text</em>
[u]text[/u] <u>text</u>
[s]text[/s] <del>text</del>
[url]link[/url] <a href="link">link</a>
[url=link]text[/url] <a href="link">text</a>
[img]link[/img] <img src="link">
[quote]q[/quote] <blockquote>q</blockquote>
[code]c[/code] <pre><code>c</code></pre>
[list][*]a[*]b[/list] <ul><li>a</li><li>b</li></ul>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>

보안 메모

BBCode는 설계상 안전한 편이지만 HTML은 그렇지 않습니다. 사용자가 제출한 BBCode를 HTML로 변환하는 순간은 2005년 무렵 포럼들이 XSS를 들여오던 전형적인 지점입니다. 변환 결과를 게시한다면:

  • BBCode 태그 안의 원본 텍스트를 이스케이프하세요.
  • 변환기가 내보내는 태그만 허용 목록에 두세요. 알 수 없는 태그를 원본 HTML로 그대로 전달하지 마세요.
  • [url]과 [img]의 URL을 검증해 javascript: 및 data: 스킴을 차단하세요.

이 도구는 사용자가 입력한 URL을 다시 쓰지 않으므로, 변환 결과를 게시하기 전에 확인하세요.

포럼 전체 마이그레이션

수천 개의 게시물을 옮길 때는 변환기를 파이프라인으로 실행하세요: 게시물을 BBCode로 내보내기 → 이 변환기를 통과 → HTML 가져오기. 비정상적인 중첩이나 표준 태그 세트에 없는 사용자 지정 이모지 코드가 들어간 게시물 수십 개를 무작위로 점검하세요.

BBCode가 깔끔하게 매핑되지 않는 것

  • 사용자 지정 포럼 이모티콘 (:D 및 :)), 그대로 두고 CSS로 렌더링하거나, 별도로 전처리하세요.
  • 특정 플러그인 전용 태그 ([spoiler], [youtube] 등)는 인식되지 않으므로 그대로의 문자열로 내보냅니다.
  • 닫히지 않은 태그는 그대로의 문자열로 남습니다. 파서는 이를 닫거나 복구하지 않습니다.

자주 묻는 질문

네. Steam 커뮤니티 게시물, vBulletin 및 XenForo 게시판, 일부 wiki, 오래된 phpBB 설치 환경 다수에서 쓰입니다. 몇몇 게임 서버 관리 패널의 내부 마크업으로도 남아 있습니다.

이 도구는 아닙니다. HTML → BBCode 변환기를 사용하세요. 되돌리는 변환은 HTML이 BBCode보다 훨씬 표현력이 넓어서 더 많은 손실이 생깁니다.

알 수 없는 태그는 그대로의 문자열로 통과합니다. 이 변환기가 인식하는 태그는 위 표에 나열된 태그뿐이기 때문입니다.

중첩은 태그가 서로 다를 때 작동합니다. 예를 들어 [quote] 안의 [b]처럼 말이죠. 같은 태그가 자신 안에 중첩된 경우(인용 안의 인용 등)는 첫 번째 닫는 태그에서 닫히고 나머지는 텍스트로 남으므로, 변환 전에 그런 게시물을 평평하게 만들어 주세요.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

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

랜덤 영어 글자 생성기

A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.

색상 이름 찾기

HEX, RGB 또는 HSL 값에 가장 가까운 표준 CSS 색상 이름을 CIEDE2000으로 찾습니다.

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