BBCode 뷰어: 샌드박스에서 BBCode를 HTML로 미리 보기
BBCode 뷰어는 BBCode 마크업을 샌드박스 iframe 안의 실시간 HTML 미리보기로 바꿔주므로, 모든 태그를 읽지 않고도 서식을 살펴볼 수 있습니다. 굵게, 기울임, 밑줄, 취소선, 인용, 코드, 링크, 이미지, 목록, 표, 색상/크기를 지원합니다. 샌드박스에서는 스크립트가 꺼져 있습니다. BBCode를 붙여넣거나 드래그하고, 렌더링된 보기를 살펴본 뒤, 필요한 것을 복사하세요.
BBCode 뷰어는 BBCode를 샌드박스 iframe 안의 실시간 미리보기로 HTML로 렌더링합니다. 이 BBCode 미리보기 도구로 모든 마크업 태그를 읽지 않고도 서식이 적용된 콘텐츠를 살펴보세요. 굵게, 기울임, 밑줄, 취소선, 인용, 코드, 링크, 이미지, 목록, 표, 색상/크기를 지원합니다. 샌드박스에서는 스크립트가 꺼져 있습니다.
뷰어를 사용하려면 BBCode를 붙여넣거나 드래그하고 파싱된 보기를 살펴보세요. 도구는 지원 BBCode 요소가 기술하는 서식을 표시합니다. 나열된 설정 옵션은 없습니다. 결과를 검토한 뒤 필요한 것을 복사할 수 있습니다. 마크업이 어떻게 구성되고 표현되는지 빠르게 확인하는 데 유용합니다.
BBCode는 텍스트에 서식 태그를 추가하는 마크업 형식이고, HTML은 미리보기에 표시되는 형식입니다. BBCode를 HTML로 보면 스타일이 적용된 텍스트, 링크, 이미지, 목록, 표를 소스 태그만 읽는 것보다 살펴보기 쉽습니다. 뷰어는 역방향 변환 워크플로를 설명하는 것이 아니라 BBCode를 미리 보는 용도로 설계되었습니다.
BBCode 뷰어는 브라우저에서 완전히 실행되며, 입력은 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 서버 의존성 없이 오프라인으로 동작합니다. 무료이므로 콘텐츠를 다른 곳으로 보내지 않고 BBCode를 확인할 수 있습니다.
개발자와 DevOps 엔지니어는 마크업을 처리하기 전에 살펴보는 데 뷰어를 사용할 수 있고, 작성자와 다른 사용자는 BBCode 문서의 서식을 확인할 수 있습니다. 직접 만들지 않은 콘텐츠를 이해하거나 긴 문서에서 특정 발췌를 찾아야 할 때도 도움이 됩니다.
1단계: BBCode를 뷰어에 붙여넣거나 드래그하세요. 살펴보고 싶은 원본 콘텐츠를 추가하세요.
2단계: 샌드박스 iframe에서 실시간 미리보기를 검토하세요. BBCode가 HTML로 렌더링되어 서식이 적용된 결과를 확인할 수 있습니다.
3단계: 링크, 이미지, 목록, 표, 인용, 색상/크기 같은 지원 서식을 살펴보세요. 샌드박스에서는 스크립트가 꺼져 있습니다.
4단계: 렌더링된 보기를 확인한 뒤 문서에서 필요한 것을 복사하세요.
사용 사례: 직접 쓰지 않아 쉽게 읽을 수 없는 BBCode 문서를 살펴보세요. 렌더링된 미리보기로 서식을 검토하기 쉬워집니다.
사용 사례: 마크업을 소비하는 코드를 작성하기 전에 BBCode 구조를 확인하세요. 시각적 미리보기로 콘텐츠 서식을 파악하는 데 도움이 됩니다.
사용 사례: 큰 BBCode 문서에서 깔끔한 발췌를 복사하세요. 먼저 렌더링된 콘텐츠를 검토해 필요한 섹션을 찾으세요.
사용 사례: 굵게, 기울임, 밑줄, 취소선을 사용하는 글이나 메시지를 미리 보세요. 텍스트 스타일이 어떻게 보이는지 확인하는 데 도움이 됩니다.
사용 사례: 링크, 이미지, 목록, 표가 포함된 BBCode를 검토하세요. 뷰어로 렌더링된 보기에서 이 지원 요소들을 살펴볼 수 있습니다.
사용 사례: 공유하거나 처리하기 전에 인용이나 코드 서식이 적용된 콘텐츠를 확인하세요. 미리보기로 해당 지원 BBCode 요소가 어떻게 렌더링되는지 보여줍니다.
사용 사례: BBCode의 색상과 크기 서식을 살펴보세요. 렌더링된 미리보기로 태그만 훑지 않고도 시각적 스타일을 검토하는 데 도움이 됩니다.