BBCodeをHTMLに

BBCodeをHTMLには、BBCodeのスニペットを、フォーラムエディター以外でも使える未加工のHTMLに変換する無料ツールです。

BBCodeを変換すると何ができる？

フォーラム形式のマークアップを、ブラウザーやコンテンツ管理システム、Webテンプレートが解釈できるHTMLに変換できます。BBCodeではHTML要素の代わりに、[b]、[i]、[url]などの角括弧で囲まれたタグを使います。

フォーラムから投稿を移行するとき、外部APIから返されたコンテンツをデバッグするとき、BBCodeには対応せずHTMLを受け付けるプラットフォーム向けに古いナレッジベースを整えるときに便利です。インポートしたテキストを周囲のアプリケーションコードとは分けて確認してから公開したい場合にも役立ちます。

BBCodeは、正式に標準化された単一の言語ではありません。フォーラムのパッケージやプラグインによって、独自のタグ、属性、入れ子の規則が定義されることがあります。そのため、一般的な書式を正しく変換できても、スポイラーボックス、添付ファイルの参照、カスタムメディアタグなど、プラットフォーム固有の構文が含まれる場合は調整が必要になることがあります。

BBCodeをHTMLに変換するには？

変換元のマークアップをBBコード欄に入力または貼り付け、変換後のコードをHTML欄で確認します。要素やリンクが意図した内容になっていることを確かめてから、出力されたHTMLを移行先にコピーしてください。

1. 開始タグと終了タグを含むBBCodeスニペット全体をコピーします。
2. 角括弧を置き換えず、そのままBBコード欄に貼り付けます。
3. HTML欄に表示された未加工の変換結果を確認します。
4. リンク、画像、リスト、入れ子になった書式を元の投稿と照合します。
5. 信頼できない出力は、公開ページに表示する前にサニタイズします。

変換処理はサーバー上で実行されます。入力内容はHTTPS経由でサーバーに送信され、保存されません。

変換後のHTMLはどう確認すればいい？

変換結果は、見た目のプレビューではなくソースコードとして確認してください。出力されたHTMLには、変換元のBBCodeで指定された構造や書式に対応する要素が含まれます。

単純な例を示します。

BBCode入力: [b]Release note[/b]

HTML出力: "Release note"というテキストを含む、太字または重要性を示すHTML要素。

よくある別の例は次のとおりです。

BBCode入力: [url=https://example.org/docs]Read the docs[/url]

HTML出力: リンク先がhttps://example.org/docsで、表示テキストが"Read the docs"のアンカー要素。

BBCodeの方言は標準化されていないため、使用する変換ツールによって要素名が異なることがあります。たとえば太字は、重要性を付加せず注意を引くb要素で表される場合も、強い重要性を示すstrong要素で表される場合もあります。特定の変換方法を前提にせず、HTML欄の実際の値を確認してください。

このツールは変換ツールであり、HTMLバリデーターやセキュリティ用サニタイザーの代わりにはなりません。BBCodeがそのまま残っている、コンテンツが欠けている、要素の入れ子が不自然といった結果は、変換元に不正な構文や未対応の構文が含まれている兆候です。よくある原因には、閉じられていないタグ、順序を間違えた終了タグ、不正な属性、一般的なHTMLに相当するものがないフォーラム固有のタグがあります。

扱いにくい入力と方言の違い

空白、句読点、数字、アクセント付き文字、非ラテン文字は、タグ構文や属性の中にない限り通常のテキストです。別のマークアップに変換されず、コンテンツとして維持されます。URLはより慎重に扱う必要があります。空白などURLの一部となる文字にはパーセントエンコーディングが必要な場合があります。一方、アンパサンドや引用符など、周囲のHTML属性構文で特別な意味を持つ文字にはHTMLエスケープが必要になることがあります。

• 誤った入れ子: [b][i]Text[/b][/i]はタグを閉じる順序が間違っています。正しい入れ子では、内側のタグを先に閉じます。
• 終了タグの欠落: [quote]Textは、最後のタグを省略すると対応する終了タグがない状態になります。
• カスタムタグ: [spoiler]、[video]、添付ファイル用タグの意味は、フォーラムソフトウェアによって異なることがあります。
• 既存のHTML: BBCodeに混在するHTMLは、パーサーによってエスケープされる、維持される、またはテキストとして扱われる場合があります。一律の規則があると思い込まず、慎重に確認してください。
• 非常に長い入力: 大規模な移行は通常、失敗したレコードを特定して修正できるよう、複数のバッチに分けると処理しやすくなります。

空の入力には変換対象となる書式構造がありません。変換元がBBCodeタグを含まないプレーンテキストであれば、変換してもほとんど意味がない場合があります。ただし、後続のHTML処理では<、>、&などの文字をエスケープする必要が残ることがあります。

変換しないほうがよい場合は？

元のBBCode方言をすでに理解できるシステムだけでコンテンツを読む場合、変換するメリットはありません。形式を変更すると変換工程が増え、フォーラム固有の動作が失われる可能性があります。

同じフォーラムエンジンで後から表示するために、システムがBBCodeを変更せず保存する場合も変換は不要です。同様に、生成されたHTMLを機械だけが読むのであれば、整形したり手作業で並べ替えたりしてもほとんど利点はありません。ただし、バージョン管理でのレビューやデバッグのために整形が必要な場合は除きます。

一括移行では、スクリプト化したパーサーのほうが適していることがあります。すべてのレコードに同じ方言の規則を適用し、失敗をログに記録できるためです。入れ子になったマークアップを正規表現だけで処理するのは危険です。入れ子、属性、不正な入力を理解できるパーサーを使い、生成されたHTMLは別途検証してサニタイズしてください。変換後のコンテンツに埋め込みJSON設定が含まれている場合は、JSONバリデーター＆整形ツールでそのデータを確認できます。ただし、周囲のHTMLは検証されません。

よくある質問

変換したBBCodeをそのまま公開しても安全？

いいえ。信頼できないフォーラム投稿から生成したHTMLは、表示する前に許可リスト方式のHTMLサニタイザーで処理してください。特にリンク、画像、埋め込みメディア、HTMLに似たテキストがすでに含まれている可能性のある入力では重要です。

改行はHTMLの段落に変換される？

改行の扱いは、BBCodeパーサーと変換元プラットフォームの規則によって異なります。空行を段落として扱うシステムもあれば、改行要素を挿入したり、単なる空白として維持したりするシステムもあります。大量のコンテンツを移行する前に、複数行のサンプルを元のフォーラムでの表示と比較してください。

BBCodeでUnicode文字は使える？

はい。アクセント付き文字、絵文字、非ラテン文字を含むUnicodeテキストはタグ構文ではなくコンテンツなので、BBCode内で使用できます。移行先のページでも、通常はUTF-8など適切な文字エンコーディングを使用する必要があります。そうでない場合、変換後のテキストが正しく表示されないことがあります。

CSVやデータベースのエクスポート内にあるBBCodeも変換できる？

エクスポートファイル全体ではなく、各フィールドの値だけを変換してください。CSVの引用符や区切り文字、データベースのエスケープシーケンスはコンテナ形式の一部であり、マークアップ変換ツールに渡すと壊れる可能性があります。変更していないバックアップを保管し、全行に適用する前に少量のバッチで処理してください。

HTMLをインポートする前に何を確認すればいい？

入れ子になった書式、リンク、リスト、画像参照、変換元フォーラムで使われているカスタムタグを含むサンプルを確認してください。移行先が該当するHTML要素と属性を受け付けることを確かめ、全件をインポートする前に、移行先で必要とされるサニタイズまたは検証を実行します。