BBCodeをHTMLに変換

掲示板のBBCodeをHTMLに

BBCode（Bulletin Board Code）は、phpBB、vBulletin、MyBBなどの掲示板や多くのゲームコミュニティで使われる角かっこのマークアップです：[b]bold[/b]、[i]italic[/i]、[url=https://example.com]link[/url]、[img]...[/img]、[quote]...[/quote]、[list]。掲示板ではシンプルで安全ですが、WebサイトにはHTMLが必要です。

BBCodeを貼り付けると対応するHTMLを出力するので、[b]Hello[/b]は<strong>Hello</strong>（または<b>）になり、ブログ、CMS、メールマガジンでそのまま使えます。

古い掲示板のコンテンツ、攻略ガイド、署名を新しいサイトに移すときに特に便利です。

BBCodeをHTMLに変換するツールの使い方

1. BBCodeのテキストを貼り付けます。
2. 送信して変換します。
3. HTMLの出力をコピーします。
4. CMSのHTML表示やコード表示に貼り付けます。

使用例

太字、斜体、リンク

入力: [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

出力:

<strong>Bold</strong> and <em>italic</em> <a href="https://mybotsy.com">My Botsy</a>

引用と文字色

入力: [quote]Hello[/quote] [color=red]red[/color]

出力: <blockquote>Hello</blockquote> <span style="color: red">red</span>

リスト

入力: [list][*]One[*]Two[/list]

出力: <ul><li>One</li><li>Two</li></ul>

画像と閉じていないタグ

入力: [img]https://example.com/cat.png[/img] [b]unclosed

出力: <img src="https://example.com/cat.png" /> <strong>unclosed</strong>

閉じていないタグは自動で閉じられるので、[/b]を忘れてもページの残りが全部太字になることはありません。

文字サイズの癖

入力: [size=20]big[/size]

出力: <span style="font-size: 20%">big</span>

出力の20%を、1.25emや20pxなどのサイズに変えてください。

主な用途

• 掲示板の投稿や攻略ガイドを、ブログやナレッジベースに移す。
• 掲示板の署名やお知らせをWebサイトで再利用する。
• ゲームコミュニティの攻略ガイドをWebページにする。
• BBCodeのコンテンツがHTMLでどう見えるかをプレビューする。
• 古い掲示板のルールやFAQをWebページにする。

知っておきたいポイント

• 掲示板によって対応しているタグが少しずつ違います。独自タグは変換されないことがあり、手で直す必要があるかもしれません。
• 変換後は画像のリンクを確認してください。古い掲示板の画像ホスティングはよく消えています。
• 結果はHTML圧縮でさらに整えたり、HTMLタグ削除ツールで書式を完全に取り除いたりできます。
• 新しくコンテンツを書くなら、より現代的なMarkdownをHTMLに変換がおすすめです。

特殊なケースと制限

• [size=20]はfont-size: 20%になり、とても小さくなります。掲示板ではサイズをピクセルやポイントとして扱うことが多いので、出力で調整してください。
• 入力にすでに含まれているHTMLは変換前に削除されるので、BBCodeとHTMLが混在していると、HTMLの部分は失われます。
• [spoiler]はspoilerクラスのdivになります。サイトのCSSでそのクラスにスタイルを付けるまで、隠れません。
• [u]は下線のspan、[s]はdel、[code]はpreとcode、[center]は中央揃えのdivになります。

よくある質問

BBCodeとは何ですか？

角かっこのタグを使う軽量なマークアップ言語で、主にインターネットの掲示板で使われています。

BBCodeとHTMLは同じですか？

いいえ。BBCodeは機能を絞った安全なマークアップで、掲示板が投稿を表示するときにHTMLに変換します。

対応しているBBCodeのタグは？

[b]、[i]、[u]、[s]、[url]、[img]、[quote]、[code]、[list]、[color]など、よく使われるタグに広く対応しています。

HTMLをBBCodeに戻せますか？

このツールはBBCodeからHTMLへの変換だけです。

出力したHTMLはそのまま公開しても安全ですか？

入力のHTMLは変換前に取り除かれるので、ほとんどのリスクはなくなります。それでも、古い投稿のリンクや画像の参照先は公開前に確認してください。

[code]ブロックに対応していますか？

はい。[code]はpreとcodeのブロックになり、スペースや改行が保たれます。

関連ツール

• MarkdownをHTMLに変換: MarkdownをHTMLコードに変換します。
• HTMLタグ削除: テキストからHTMLタグをすべて簡単に削除します。
• HTMLエンティティ変換: 入力したテキストのHTMLエンティティをエンコード・デコードします。
• HTML圧縮（ミニファイ）: 不要な文字をすべて取り除いてHTMLを圧縮します。
• URL抽出: あらゆるテキストからhttp/httpsのURLを抽出します。