BBCode 뷰어 - 온라인 BBCode 에디터 및 미리보기 도구
BBCode를 입력해 실시간으로 미리 보고 HTML로 변환하세요. 포럼 글의 서식과 태그가 어떻게 보일지 바로 확인·편집할 수 있는 무료 온라인 뷰어입니다.
BBCode 마크업을 붙여넣으면 입력하는 즉시 HTML 미리보기가 실시간으로 렌더링됩니다. [b], [i], [u], [url], [img], [quote], [code] 같은 태그가 서식이 적용된 글로 바로 변환되어, 디시인사이드·네이버 카페·각종 게시판에 글을 올리기 전에 결과를 미리 확인할 수 있습니다. 모든 처리는 브라우저 안에서만 이루어지므로 입력한 내용이 서버로 전송되지 않아 안전합니다.
BBCode 에디터
152
실시간 미리보기
미리보기
이것도 필요할 수 있어요
BBCode 뷰어 사용 방법
왼쪽 에디터에 BBCode를 입력하세요. 오른쪽 미리보기가 자동으로 업데이트되어 서식이 지정된 텍스트가 정확히 어떻게 보이는지 보여줍니다. [b], [i], [u], [url], [img], [quote], [code] 등의 태그가 지원됩니다.
주요 기능
- 실시간 미리보기:입력하는 즉시 변경 사항을 확인하세요.
- 보안:모든 처리는 브라우저에서 이루어집니다.
- 간단한 인터페이스:깔끔하고 집중하기 좋은 에디터.
- 무료:비용 없음, 제한 없음.
BBCode 뷰어 사용 방법
- 1
BBCode 입력하기
왼쪽 에디터에 BBCode 마크업을 입력하거나 붙여넣으세요. 예를 들어 [b]굵은 글씨[/b] 또는 [url=https://example.com]링크[/url] 형식으로 작성합니다.
- 2
실시간 미리보기 확인하기
오른쪽 패널이 실시간으로 갱신되어, 작성한 서식이 게시판에서 실제로 어떻게 표시되는지 그대로 보여줍니다.
- 3
태그 조정하고 점검하기
[i], [u], [img], [quote], [code] 등 지원되는 태그를 원하는 결과가 나올 때까지 다듬으며 미리보기로 확인하세요.
- 4
완성한 마크업 복사하기
미리보기가 의도대로 보이면 에디터의 BBCode를 복사해 포럼이나 게시판 글에 붙여넣으면 됩니다.
참고 자료
- 위키백과 — BBCode
BBCode의 개념과 역사, 자주 쓰이는 태그, 게시판이 이 경량 마크업을 해석하는 방식을 정리한 개요입니다.
- phpBB — BBCode 가이드
굵게·기울임·URL·이미지·인용·코드 블록 등 표준 BBCode 태그를 정리한 phpBB 공식 문서입니다.
관련 도구
자주 묻는 질문
- BBCode란 무엇인가요?
- BBCode(Bulletin Board Code)는 포럼과 게시판에서 글의 서식을 지정하는 데 쓰이는 경량 마크업 언어입니다. [b]굵게[/b], [url]링크[/url]처럼 대괄호 안에 태그를 적으며, 화면에 표시될 때 안전한 HTML로 변환됩니다.
- 이 뷰어는 어떤 BBCode 태그를 지원하나요?
- 굵게 [b], 기울임 [i], 밑줄 [u], 링크 [url], 이미지 [img], 인용 [quote], 코드 블록 [code] 등 자주 쓰이는 태그를 비롯해 그 밖의 여러 태그를 렌더링합니다.
- 에디터에 실시간 미리보기가 표시되나요?
- 네. 에디터에 BBCode를 입력하거나 붙여넣는 즉시 미리보기 패널이 갱신되어, 글을 올리기 전에 서식이 적용된 모습을 그대로 확인할 수 있습니다.
- 이 도구는 BBCode를 HTML로 변환하나요?
- 네. 뷰어가 입력한 BBCode를 분석해 미리보기에서 HTML로 렌더링하므로, 게시판 소프트웨어가 만들어 낼 최종 서식을 미리 확인할 수 있습니다.
- 입력한 BBCode가 서버로 전송되나요?
- 아니요. 모든 분석과 렌더링은 브라우저 안에서만 처리되므로, 입력한 글이 기기 밖으로 나가지 않고 어디에도 업로드되지 않습니다.
- BBCode가 적용되지 않을 때는 어떻게 하나요?
- 대부분은 태그를 닫지 않았거나 대괄호를 빠뜨린 경우입니다. [b]…[/b]처럼 여는 태그와 닫는 태그가 짝을 이루는지, 대괄호와 슬래시가 올바른지 미리보기를 보며 점검하세요. 게시판마다 허용하는 태그가 다를 수 있다는 점도 참고하세요.
- BBCode와 HTML은 어떻게 다른가요?
- BBCode는 게시판에서 HTML을 직접 쓰지 못하게 하면서도 서식은 안전하게 허용하려고 만든 단순화된 마크업입니다. 사용자가 입력한 BBCode는 서버에서 정해진 HTML로 변환되므로, 악성 스크립트 삽입 위험 없이 굵게·링크·이미지 같은 서식을 쓸 수 있습니다.