リアルタイムBBCodeプレビュー
入力とともに一般的なフォーラムタグの見た目を確認できます。
BBCodeビューアー - BBCodeをHTMLに変換・プレビュー
BBCodeを貼り付けて、よく使われるフォーラムタグの表示と生成HTMLを確認できます。変換はブラウザ内で完了し、投稿内容をサーバーへ送らずにコピーやダウンロードができます。
マークアップを貼り付けるか、ローカルのBBCode・テキストファイルをドロップ
変換結果
BBCodeのプレビューとHTML出力がここに表示されます。
テキストは端末内で処理されます。HTMLと未対応のBBCodeは表示用テキストとして残り、プレビューのリンク、画像、色、文字サイズには安全な値だけを使用します。
公開前にBBCodeをプレビュー
BBCodeはフォーラム、コミュニティ、旧来の投稿エディターで今も使われています。このBBCodeビューアーでは、対応タグを読みやすくプレビューし、HTMLコードも確認してから他の場所に貼り付けられます。
BBCodeからHTMLへ変換
HTMLコード表示に切り替え、対応タグから作られたマークアップを確認できます。
ローカルファイルに対応
BBCodeの貼り付け、小さなテキストファイルのアップロード、ドラッグ＆ドロップに対応し、結果をコピーまたはダウンロードできます。
より安全な表示
元のテキストを先にエスケープし、許可したリンク、画像、色、文字サイズだけを生成します。
BBCodeビューアーの使い方
BBCodeを貼り付けまたは読み込む
左のエディターにフォーラム用マークアップを入力するか、ローカルファイルを選択・ドロップします。
プレビューを確認する
入力後すぐにプレビューが更新され、対応する書式を読みやすく表示します。
HTMLコードを確認する
HTMLコードへ切り替えて生成結果を確認します。元のテキストは実行可能なHTMLとして扱われません。
コピーまたはダウンロードする
元のBBCodeまたは生成HTMLをコピーし、HTMLファイルとして保存できます。
対応するBBCodeタグ
実用的で一般的なフォーラムタグに対応しています。フォーラムごとにルールは異なるため、最終的には投稿先のプレビューを確認してください。
| BBCode | プレビューの動作 |
|---|---|
[b]テキスト[/b] | 太字のテキスト |
[i]テキスト[/i] | 斜体のテキスト |
[u]テキスト[/u], [s]テキスト[/s] | 下線または取り消し線 |
[center]…[/center] | 中央、左、右揃え |
[color=#2563eb]…[/color] | 制限された色名または16進カラー |
[size=4]…[/size] | 1から7までの固定サイズ |
[url=https://…]テキスト[/url] | 安全なhttp、https、mailtoリンク |
[img]https://…[/img] | 安全なhttpまたはhttps画像URL |
[quote]…[/quote], [code]…[/code] | 引用または整形済みコードブロック |
[list][*]項目[/list] | 箇条書き。[list=1]で番号付きリスト |
未対応、不完全、またはフォーラム固有のタグはテキストとして表示されます。このプレビューは一般的な書式確認用で、すべてのフォーラムの結果を保証するものではありません。
BBCodeプレビューが役立つ場面
フォーラム投稿の確認
コミュニティ投稿を公開する前に、強調、引用、リスト、リンクを確認できます。
古いコンテンツの移行
古いBBCodeコンテンツを確認し、移行計画のために生成HTMLをコピーできます。
サポート返信の作成
ヘルプデスク、ゲームコミュニティ、掲示板で再利用するBBCode断片をプレビューできます。
マークアップの基礎学習
シンプルなBBCodeタグ、表示結果、生成HTMLを比較できます。
プレビューと入力時の注意
タグがそのまま表示されるのはなぜですか？
未対応、不完全、またはフォーラム固有の構文の可能性があります。HTML変換を推測するより、元のテキストを表示する方が安全です。
リンクや画像が有効にならないのはなぜですか？
プレビューでは指定したURLスキームだけを許可します。画像とリンクには完全なhttpsまたはhttp URLを使い、リンクにはmailtoも使えます。
フォーラムで表示が異なるのはなぜですか？
フォーラムは独自タグやスタイルを追加できます。一般的なマークアップは本ツールで確認し、重要な投稿は投稿先でも確認してください。
BBCodeビューアーのよくある質問
BBCodeとは何ですか？
BBCodeはフォーラムでよく使われる角括弧のマークアップ形式で、太字、リンク、引用、リストなどを追加できます。
投稿内容はアップロードされますか？
いいえ。変換、プレビュー、ローカルファイルの読み込み、コピー、ダウンロードはすべてブラウザ内で行われます。
BBCodeをHTMLに変換できますか？
はい。HTMLコードタブを開くと、対応タグから生成されたHTMLを確認・コピーできます。
すべてのBBCodeタグに対応していますか？
いいえ。BBCodeの方言はフォーラムごとに異なります。本ツールは一般的な書式、リンク、画像、引用、コード、リストに対応します。
安全でないURLが変換されないのはなぜですか？
プレビューはリソースURLとスタイル値を制限し、信頼できないマークアップが有効なコンテンツや任意のページスタイルになるのを防ぎます。