HTMLをBBCodeに変換
HTML形式とBBCode形式を相互に変換します
掲示板の書式を双方向に変換できます。入れ替えると、現在の出力が新しい入力になります。
この端末で処理されます。テキストはアップロードされません。
簡単な例
タグ一覧
HTMLタグ
- <strong>, <b> - 太字のテキスト
- <em>, <i> - 斜体のテキスト
- <u> - 下線付きテキスト
- <s>, <strike>, <del> - 取り消し線
- <a href=""> - リンク
- <img src=""> - 画像
- <code>, <pre> - コード
- <blockquote> - 引用
- <ul>, <ol>, <li> - リスト
- <font color=""> - 色
- <font size=""> - サイズ
- <center> - 中央揃えのテキスト
BBCodeタグ
- [b][/b] - 太字のテキスト
- [i][/i] - 斜体のテキスト
- [u][/u] - 下線付きテキスト
- [s][/s] - 取り消し線
- [url][/url] - リンク
- [img][/img] - 画像
- [code][/code] - コード
- [quote][/quote] - 引用
- [list][*][/list] - リスト
- [color=red][/color] - テキストの文字色
- [size=3][/size] - サイズ
- [center][/center] - 中央揃えのテキスト
HTMLからBBCodeへの変換について
この無料のHTML BBCode変換ツールは、HTMLマークアップをBBCode形式に、またその逆にも即座に変換できる双方向の変換ツールです。BBCode(Bulletin Board Code)は、インターネットフォーラム、掲示板、コミュニティプラットフォームで広く使われている軽量マークアップ言語で、有害になり得るHTMLをシステムに持ち込まずに、安全にテキストを装飾できます。
Webサイトとフォーラムの間でのコンテンツ移行、ブログ記事のコミュニティ向け再利用、プラットフォーム間での書式付きテキストの変換など、このHTML BBCode変換ツールは、太字、斜体、下線、取り消し線、リンク、画像、コードブロック、引用、リスト、色、文字サイズといった一般的な書式要素をすべて処理します。
リアルタイム変換、変換方向を即座に入れ替えるスワップボタン、出力ファイルのダウンロード、ワンクリックでのクリップボードコピーを備えています。処理はすべてサーバーを介さずブラウザ内で行われるため、コンテンツは完全にプライベートで安全に保たれます。フォーラム管理者、コミュニティマネージャー、phpBB、vBulletin、XenForo、SMFなどBBCodeベースのプラットフォームを扱うすべての人に欠かせないツールです。
主な機能
- 双方向の変換: HTMLからBBCode、BBCodeからHTML
- 太字、斜体、下線、取り消し線の書式に対応
- <a href>タグと[url] BBCodeタグの相互変換でリンクを変換
- <img>タグと[img] BBCodeタグの相互変換で画像を変換
- コードブロックとインラインコードを変換
- 引用ブロックを[quote]タグに変換(投稿者の表記に対応)
- 番号付きリストと番号なしリストを変換
- 色とフォントサイズの書式に対応
- ワンクリックでクリップボードにコピーでき、出力ファイルもダウンロード可能
- よく使う書式パターンのサンプルボタンを用意
HTML BBCode変換ツールの使い方
- 変換モードを選択:変換元の形式に合わせて、ドロップダウンメニューから「HTML to BBCode」または「BBCode to HTML」を選びます。
- 内容を入力:左側の入力テキストエリアにHTMLまたはBBCodeのマークアップを貼り付けます。すぐに試せるよう、サンプルのHTMLがあらかじめ入力されています。
- 変換結果を確認:変換結果は右側の出力パネルにすぐに表示され、入力を変更するたびにリアルタイムで更新されます。
- コピーまたはダウンロード:「コピー」をクリックすると変換したテキストがクリップボードにコピーされ、「ダウンロード」をクリックすると.txtまたは.htmlファイルとして保存されます。
- 方向を入れ替え:「入れ替え」ボタンをクリックすると変換方向が逆になり、現在の出力が新しい入力になるため、往復しながら編集できます。
活用例
- フォーラムへの投稿:WebサイトやエディターのHTML書式のコンテンツを、phpBB、vBulletin、XenForo、IPBなどのフォーラムに投稿できるようBBCodeに変換します。
- コンテンツの移行:書式タグを手作業で書き直すことなく、Webプラットフォーム(HTML)とフォーラムプラットフォーム(BBCode)の間でコンテンツを移せます。
- ブログからフォーラムへの再投稿:HTMLで書かれたブログ記事を、BBCode形式に変換してフォーラムのコミュニティでの議論に再利用します。
- フォーラムからWebサイトへの移行:BBCodeのフォーラム投稿やスレッドを、Webサイト、ブログ、ドキュメントプラットフォームで表示できるようHTMLに変換します。
- コミュニティ管理:フォーラムのモデレーターや管理者は、HTMLエディターでお知らせ、ルール、ガイドをすばやく整形し、BBCodeに変換できます。
- テンプレートの作成:HTMLまたはBBCodeで書式付きテンプレートを作り、形式を相互に変換して、さまざまなプラットフォームで使えます。
- BBCode記法の学習:変換ツールを参照ツールとして使い、HTMLタグが対応するBBCodeにどうマッピングされるか(またその逆)を理解できます。
よくある質問
BBCodeとは何ですか?
BBCode(Bulletin Board Code)は、多くのインターネットフォーラムや掲示板で使われている軽量マークアップ言語です。<strong>bold</strong>のようなHTMLの山括弧タグではなく、[b]bold[/b]のような角括弧のタグを使います。BBCodeは、セキュリティ攻撃に悪用され得る危険なHTMLを許可せずに、テキストを安全に装飾する方法を提供します。
どのBBCodeタグに対応していますか?
[b]、[i]、[u]、[s]、[url]、[img]、[code]、[quote]、[list]、[*]、[color]、[size]、[center]の各タグに対応しています。フォーラム投稿や掲示板コンテンツで最もよく使う書式をカバーしています。
ネストしたタグにも対応していますか?
はい、リンク内の太字、引用内の書式付きテキスト、ほかの要素内のリストなど、一般的なネストのパターンを処理できます。ただし、深くネストした組み合わせや珍しいタグの組み合わせは、手動での調整が必要になる場合があります。
対応していないHTMLタグはどうなりますか?
対応するBBCodeがないHTMLタグは、変換時に出力から取り除かれます。タグ内のテキストは保持されますが、書式は失われる場合があります。複雑なHTMLを変換するときは、出力をよく確認してください。
このツールは無料ですか？
はい、HTMLからBBCodeへの変換ツールは完全無料で、利用回数の制限もアカウント登録も不要で、変換結果にも制約はありません。必要なだけご利用ください。
データは安全ですか?
はい、変換処理はすべて、クライアント側のJavaScriptを使ってお使いのブラウザ内だけで行われます。内容がサーバーにアップロード、保存、送信されることはありません。マークアップとテキストは、お使いのデバイス上で完全にプライベートに保たれます。
ヒントとベストプラクティス
- まず簡単なサンプルでテスト:複雑な内容を貼り付ける前に、サンプルボタンでよく使うタグの変換結果を確認してください。特に新しいフォーラムプラットフォームを使うときに有効です。
- フォーラム固有のBBCode対応を確認:すべてのフォーラムがあらゆるBBCodeタグに対応しているわけではありません。投稿する前に、対象フォーラムのドキュメントで、変換後のタグが使えるか確認してください。
- 変換前にHTMLを整理:変換前にインラインスタイル、CSSクラス、標準外のHTML属性を取り除いておくと、よりきれいなBBCodeが出力されます。
- 入れ替え機能で精度を確認:内容を変換し、入れ替えて元に戻すと、往復変換後も書式が正しく保たれているか確認できます。
- 画像は慎重に扱う:フォーラムのBBCodeの[img]タグは通常、完全なURLを必要とするため、変換前に画像URLが絶対URL(http://またはhttps://で始まるもの)になっていることを確認してください。
- 投稿前にプレビュー:ほとんどのフォーラムにはプレビュー機能があります。最終投稿の前に、変換したBBCodeを対象フォーラムで必ずプレビューして、書式を確認してください。