Softonic

HTML에서 BBCode로 변환하기

단계 1 / 2
다음

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

HTML을 BBCode로 변환하는 방법

  1. 1

    HTML을 붙여넣기

    부가 텍스트 조각에서부터 HTML 형식으로 내보낸 완전한 포럼 게시물에 이르기까지 모든 크기의 파일을 지원합니다.

  2. 2

    변환 실행

    변환을 클릭하면 지원되는 모든 태그가 BBCode로 다시 작성됩니다.

  3. 3

    결과 확인

    BBCode에 해당하는 태그가 없는 태그는 제거되지만 내부 텍스트는 유지되므로 잃을 것이 없습니다.

  4. 4

    BBCode를 복사하세요

    평면 텍스트 모드에서 포럼 편집기에 붙여넣으세요.

HTML에서 BBCode 태그로의 매핑

이 변환기는 가장 흔한 포럼 태그를 지원하며 나머지는 모두 일반 텍스트로 바꿉니다.

기본 매핑

HTML BBCode
<br> 줄바꿈
<b> 또는 <strong> [b]...[/b]
<i> 또는 <em> [i]...[/i]
<u> [u]...[/u]
<a href="url">text</a> [url=url]text[/url]
<img src="url"> [img]url[/img]
<blockquote> [quote]...[/quote]
<code> [code]...[/code]
<li> [*]
</p> </div> </h1>부터 </h6>까지 빈 줄

다른 태그는 어떻게 처리되나요

  • <ul>과 <ol>: 목록 태그는 제거되고 각 <li>는 [*] 불릿 줄이 됩니다.
  • <script>, <style>, <iframe>: 태그는 제거되지만 안의 텍스트는 유지됩니다.
  • <div>, <section>, <details> 등 비슷한 컨테이너: 태그는 제거되고 내부 텍스트는 유지됩니다.
  • SVG와 MathML: BBCode로 표현할 수 없어 내부 텍스트만 유지됩니다.
  • 인라인 스타일과 속성은 옮겨지지 않아 서식이 사라집니다.

모범 사례

  • 중첩 태그로 인한 혼란을 방지하려면 먼저 포매터로 HTML을 정리하세요.
  • 긴 내용을 한꺼번에 붙여넣기 전에 포럼 미리보기에서 짧은 스니펫으로 먼저 테스트하세요.
  • 링크를 확인하세요. 일부 포럼은 [url] 태그 밖의 URL 자동 링크 기능을 비활성화합니다.

자주 묻는 질문

BBCode는 HTML에 비해 사용 가능한 어휘가 매우 제한적입니다. <div>, <section>, <details>와 같은 태그에는 해당되는 BBCode 표현이 없습니다. 변환기에서는 이러한 태그를 제거하면서도 내부 내용은 그대로 유지하므로 정보 손실이 발생하지 않습니다.

아니요. BBCode에는 대부분의 CSS 속성에 대한 직접적인 대응이 없으므로 스타일은 제거되고 텍스트만 유지됩니다. 색상이나 크기가 필요하면 포럼 편집기에서 [color] 또는 [size] 태그를 직접 추가하세요.

네. <b><i>text</i></b>는 [b][i]text[/i][/b]로 변합니다. 포럼의 방언이 내첩을 허용하는 한 내첩 구조는 유지됩니다. 예를 들어, 일부 블록은 [url]를 [img] 내에 내첩할 수 있습니다.

이 도구에서는 사용할 수 없습니다. 역방향 변환에는 BBCode에서 HTML로 변환하는 전용 변환기를 사용하십시오. 순환 변환은 손실이 발생하는데, 그 이유는 HTML이 BBCode보다 훨씬 많은 태그를 포함하고 있기 때문입니다.

관련 도구

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 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

이메일 검증기

이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.

EditorConfig 생성기

들여쓰기 스타일과 크기, 줄 끝, 문자 인코딩, 공백 규칙을 지정해 .editorconfig 파일을 생성하고 IDE와 편집기 전반의 형식을 일관되게 유지하세요.

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