HTML을 BBCode로 변환
HTML과 BBCode 형식 간에 변환합니다
포럼 서식을 어느 방향으로든 변환합니다. 교체하면 현재 출력이 새 입력으로 사용됩니다.
이 기기에서 처리됩니다. 텍스트는 업로드되지 않습니다.
빠른 예제
태그 참조
HTML 태그
- <strong>, <b>: 굵은 텍스트
- <em>, <i>: 기울임 텍스트
- <u>: 밑줄 텍스트
- <s>, <strike>, <del>: 취소선
- <a href="">: 링크
- <img src="">: 이미지
- <code>, <pre>: 코드
- <blockquote>: 인용문
- <ul>, <ol>, <li>: 목록
- <font color="">: 색상
- <font size="">: 크기
- <center>: 가운데 정렬 텍스트
BBCode 태그
- [b][/b]: 굵은 텍스트
- [i][/i]: 기울임 텍스트
- [u][/u]: 밑줄 텍스트
- [s][/s]: 취소선
- [url][/url]: 링크
- [img][/img]: 이미지
- [code][/code]: 코드
- [quote][/quote]: 인용문
- [list][*][/list]: 목록
- [color=red][/color]: 글자 색상 지정
- [size=3][/size]: 크기
- [center][/center]: 가운데 정렬 텍스트
HTML을 BBCode로 변환 도구 소개
이 무료 HTML을 BBCode로 변환 도구는 HTML 마크업을 BBCode 형식으로, 또 그 반대로 즉시 변환하는 양방향 변환 도구입니다. BBCode(Bulletin Board Code)는 인터넷 포럼, 게시판, 커뮤니티 플랫폼에서 해로울 수 있는 HTML을 노출하지 않고 텍스트 서식을 안전하게 지정하는 데 널리 쓰이는 경량 마크업 언어입니다.
웹사이트와 포럼 사이에서 콘텐츠를 옮기든, 블로그 글을 커뮤니티 토론용으로 재활용하든, 플랫폼 간에 서식 있는 텍스트를 변환하든, 이 HTML BBCode 변환기는 굵게, 기울임, 밑줄, 취소선, 링크, 이미지, 코드 블록, 인용문, 목록, 색상, 글자 크기 등 일반적인 서식 요소를 모두 처리합니다.
실시간 변환, 방향을 즉시 바꾸는 교체 버튼, 출력 파일 다운로드, 원클릭 클립보드 복사 기능을 제공합니다. 모든 처리는 서버와 통신하지 않고 브라우저에서 이루어지므로 콘텐츠는 완전히 비공개로 안전하게 유지됩니다. 포럼 관리자, 커뮤니티 매니저, phpBB, vBulletin, XenForo, SMF 같은 BBCode 기반 플랫폼을 다루는 모든 분께 꼭 필요한 유틸리티입니다.
주요 기능
- 양방향 변환: HTML을 BBCode로, BBCode를 HTML로
- 굵게, 기울임, 밑줄, 취소선 서식 지원
- <a href> 태그와 [url] BBCode 태그 간 링크 변환
- <img> 태그와 [img] BBCode 태그 간 이미지 변환
- 코드 블록 및 인라인 코드 변환
- 작성자 표기를 지원하는 인용문과 [quote] 태그 간 변환
- 순서 있는 목록과 순서 없는 목록 변환
- 색상 및 글자 크기 서식 지원
- 원클릭 클립보드 복사 및 출력 파일 다운로드
- 자주 쓰는 서식 패턴용 빠른 예제 버튼
HTML BBCode 변환기 사용 방법
- 변환 모드 선택: 원본 형식에 맞게 드롭다운 메뉴에서 "HTML to BBCode" 또는 "BBCode to HTML"을 선택합니다.
- 내용 입력: 왼쪽 입력 텍스트 영역에 HTML 또는 BBCode 마크업을 붙여넣습니다. 빠르게 테스트할 수 있도록 샘플 HTML이 미리 채워져 있습니다.
- 변환 결과 확인: 변환 결과가 오른쪽 출력 패널에 즉시 표시되며, 입력을 수정하는 동안 실시간으로 갱신됩니다.
- 복사 또는 다운로드: "복사"를 클릭하면 변환된 텍스트가 클립보드에 복사되고, "다운로드"를 클릭하면 .txt 또는 .html 파일로 저장됩니다.
- 방향 교체: "교체" 버튼을 클릭하면 변환 방향이 바뀌고 현재 출력이 새 입력이 되어 앞뒤로 오가며 편집할 수 있습니다.
활용 사례
- 포럼 게시: 웹사이트나 에디터의 HTML 서식 콘텐츠를 phpBB, vBulletin, XenForo, IPB 같은 포럼에 게시할 BBCode로 변환합니다.
- 콘텐츠 이전: 서식 태그를 직접 다시 작성하지 않고 웹 플랫폼(HTML)과 포럼 플랫폼(BBCode) 사이에서 콘텐츠를 옮깁니다.
- 블로그 글을 포럼에 재게시: HTML로 작성한 블로그 글을 BBCode 형식으로 변환해 포럼 커뮤니티 토론용으로 재활용합니다.
- 포럼 글을 웹사이트로 이전: BBCode 포럼 게시글과 스레드를 웹사이트, 블로그, 문서 플랫폼에 표시할 HTML로 변환합니다.
- 커뮤니티 관리: 포럼 운영자와 관리자는 HTML 에디터로 공지, 규칙, 가이드를 빠르게 서식화한 뒤 BBCode로 변환할 수 있습니다.
- 템플릿 제작: HTML 또는 BBCode로 서식 템플릿을 만들고 형식 간에 변환해 여러 플랫폼에서 사용합니다.
- BBCode 문법 학습: 변환기를 참고 도구로 사용해 HTML 태그가 BBCode 태그에 어떻게 대응되는지, 또 그 반대는 어떤지 이해합니다.
자주 묻는 질문
BBCode란 무엇인가요?
BBCode(Bulletin Board Code)는 많은 인터넷 포럼과 게시판에서 사용하는 경량 마크업 언어입니다. <strong>bold</strong> 같은 HTML 꺾쇠괄호 태그 대신 [b]bold[/b] 같은 대괄호 태그를 사용합니다. BBCode는 보안 공격에 악용될 수 있는 위험한 HTML을 허용하지 않고도 텍스트 서식을 안전하게 지정할 수 있게 해 줍니다.
어떤 BBCode 태그를 지원하나요?
[b], [i], [u], [s], [url], [img], [code], [quote], [list], [*], [color], [size], [center] 태그를 지원합니다. 포럼 게시글과 게시판 콘텐츠에 가장 흔히 필요한 서식을 모두 다룹니다.
변환기가 중첩된 태그도 처리하나요?
네, 링크 안의 굵은 텍스트, 인용문 안의 서식 텍스트, 다른 요소 안의 목록 같은 일반적인 중첩 패턴을 처리합니다. 다만 깊게 중첩되었거나 특이한 태그 조합은 직접 수정해야 할 수 있습니다.
지원하지 않는 HTML 태그는 어떻게 되나요?
BBCode에 대응하는 태그가 없는 HTML 태그는 변환 중에 출력에서 제거됩니다. 해당 태그 안의 텍스트 내용은 유지되지만 서식은 사라질 수 있습니다. 복잡한 HTML을 변환할 때는 출력을 주의 깊게 확인하세요.
이 도구는 무료인가요?
네, HTML을 BBCode로 변환하는 이 도구는 사용 횟수 제한, 계정 가입, 변환 결과에 대한 제약 없이 완전히 무료입니다. 필요한 만큼 자주 사용하세요.
내 데이터는 안전한가요?
네, 모든 변환 처리는 클라이언트 측 JavaScript로 브라우저 안에서만 이루어집니다. 콘텐츠는 서버에 업로드되거나 저장되거나 전송되지 않습니다. 마크업과 텍스트는 기기에서 완전히 비공개로 유지됩니다.
팁과 모범 사례
- 간단한 예제로 먼저 테스트: 특히 새로운 포럼 플랫폼을 쓸 때는 복잡한 콘텐츠를 붙여넣기 전에 빠른 예제 버튼으로 일반 태그가 어떻게 변환되는지 확인하세요.
- 포럼별 BBCode 지원 확인: 모든 포럼이 모든 BBCode 태그를 지원하지는 않습니다. 게시하기 전에 대상 포럼의 문서를 확인해 변환된 태그가 지원되는지 확인하세요.
- 변환 전에 HTML 정리: 변환 전에 인라인 스타일, CSS 클래스, 비표준 HTML 속성을 제거하면 더 깔끔한 BBCode가 나옵니다.
- 교체 기능으로 정확도 검증: 콘텐츠를 변환한 다음 교체하고 다시 변환해, 왕복 변환 후에도 서식이 올바르게 유지되는지 확인하세요.
- 이미지는 신중하게 처리: 포럼의 BBCode [img] 태그는 보통 전체 URL이 필요하므로, 변환 전에 이미지 URL이 절대 경로(http:// 또는 https://로 시작)인지 확인하세요.
- 게시 전 미리보기: 대부분의 포럼은 미리보기 기능을 제공합니다. 최종 게시 전에 대상 포럼에서 변환된 BBCode를 미리보기로 확인해 서식을 검증하세요.