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をコピーして、フォーラムや掲示板の投稿欄に貼り付けます。
参考資料
- Wikipedia — BBCode
BBCodeの概要、成り立ち、代表的なタグ、掲示板がこの軽量マークアップをどう解析するかを解説したページです。
- phpBB — BBCode Guide
太字・斜体・URL・画像・引用・コードブロックなど、標準的なBBCodeタグを一覧で示したphpBB公式ドキュメントです。
関連ツール
よくある質問
- BBCodeとは何ですか？
- BBCode（Bulletin Board Code）は、フォーラムや掲示板で投稿を装飾するために使われる軽量マークアップです。[b]太字[/b] や [url]リンク[/url] のように角括弧でタグを記述し、表示時に安全なHTMLへ変換されます。HTMLを直接使えない掲示板でも、手軽に書式を付けられるのが特徴です。
- このビューアーはどのBBCodeタグに対応していますか？
- [b]太字、[i]斜体、[u]下線、[url]リンク、[img]画像、[quote]引用、[code]コードブロックといった代表的なタグに対応しており、そのほかの一般的なタグも描画できます。
- 入力するとすぐにプレビューされますか？
- はい。エディターにBBCodeを入力または貼り付けると、プレビューパネルが即座に更新されます。投稿する前に、書式設定したテキストの見た目をそのまま確認できます。
- BBCodeをHTMLに変換できますか？
- はい。ビューアーがBBCodeを解析し、プレビュー上でHTMLとして描画します。掲示板のソフトウェアが最終的に出力する書式を、その場で確かめられます。
- 入力したBBCodeはサーバーに送信されますか？
- いいえ。解析と描画はすべてブラウザ内で行われるため、入力したテキストが端末の外に出ることはなく、どこにもアップロードされません。
- スマートフォンでも使えますか？
- はい。ブラウザだけで動作するため、パソコンでもスマートフォンでもそのまま利用できます。外出先で掲示板に投稿する前に、書式を確認したいときにも便利です。
- リンクや画像が表示されないのはなぜですか？
- 多くの場合、タグの閉じ忘れや角括弧の書き間違いが原因です。例えば [url=...]リンク[/url] や [img]画像URL[/img] の形になっているか確認してください。プレビューと見比べながら直すと、原因を素早く特定できます。