Softonic

HTMLからBBCode変換ツール

ステップ 1 / 2
次へ

phpBB、vBulletin、Invision Board、古いMyBBの導入環境は、今も投稿でのHTMLを許可しませんが、BBCodeは受け入れます。BBCodeとは、1998年にUltimate Bulletin Board用に考案された[b]、[url]、[img]といった角括弧のタグです。ここにHTMLを貼り付けると、この変換ツールが対応する各タグをBBCodeの相当物に書き換え、フォーラムへの再投稿やアーカイブの書き出しのために書式を保ちます。

HTMLをBBCodeに変換する方法

  1. 1

    HTMLを貼り付け

    リッチテキストのスニペットから、HTMLとして書き出したフォーラム投稿全体まで、どんなサイズでも。

  2. 2

    変換を実行

    「変換」をクリックすると、対応するすべてのタグがBBCodeに書き換えられます。

  3. 3

    出力を確認

    BBCodeに対応しないタグは削除されますが、中のテキストは残るので、失われるものはありません。

  4. 4

    BBCodeをコピー

    プレーンテキストモードでフォーラムのエディタに貼り付けます。

HTMLからBBCodeへのタグ対応

この変換ツールは最も一般的なフォーラムのタグに対応し、それ以外はすべてプレーンテキストに変換します。

基本の対応

HTML BBCode
<br> 改行
<b> または <strong> [b]...[/b]
<i> または <em> [i]...[/i]
<u> [u]...[/u]
<a href="url">text</a> [url=url]text[/url]
<img src="url"> [img]url[/img]
<blockquote> [quote]...[/quote]
<code> [code]...[/code]
<li> [*]
</p> </div> </h1>〜</h6> 空行

他のタグはどうなるか

  • <ul>と<ol>: リストのタグは取り除かれ、各<li>が[*]の箇条書き行になります。
  • <script>、<style>、<iframe>: タグは取り除かれますが、中のテキストは残ります。
  • <div>、<section>、<details>などのコンテナ: タグは取り除かれ、中のテキストは残ります。
  • SVG、MathML: BBCodeでは表現できないため、中のテキストだけが残ります。
  • インラインのスタイルと属性は引き継がれず、書式は失われます。

ベストプラクティス

  • 入れ子のタグの混乱を避けるため、まずフォーマッターでHTMLを下処理します。
  • 長いコンテンツを一括で貼る前に、フォーラムのプレビューで短いスニペットを試します。
  • リンクを確認します。フォーラムによっては[url]タグ外のURLの自動リンクを無効にしています。

よくある質問

BBCodeの語彙はHTMLに比べてごく小さいものです。<div>、<section>、<details>のようなタグにはBBCodeの相当物がありません。変換ツールはそれらを除去し、中の内容を残すので、情報は失われません。

いいえ。BBCodeにはほとんどのCSSプロパティに直接対応するものがないため、スタイルは取り除かれ、テキストだけが残ります。色やサイズが必要な場合は、フォーラムのエディタで[color]や[size]タグを手動で追加してください。

はい。<b><i>text</i></b>は[b][i]text[/i][/b]になります。入れ子は、フォーラムの方言が受け入れる限り保持されます。たとえば[img]の中の入れ子の[url]をブロックする方言もあります。

このツールではできません。逆方向にはBBCodeからHTMLへの変換ツールを使ってください。HTMLはBBCodeよりはるかに多くのタグを持つため、往復変換は情報を失います。

関連ツール

ASCII表リファレンス

0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。

HTML文字参照

HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。

キーボードショートカット一覧

macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。

EditorConfig ジェネレーター

インデントのスタイルとサイズ、改行コード、文字コード、空白ルールを指定して .editorconfig ファイルを生成し、IDE やエディタをまたいで書式を統一できます。

メールアドレス検証ツール

メールアドレスを検証します。RFC 5322構文チェック、MXレコードのライブ確認に加え、ローカル部、ドメイン、長さの詳細を表示します。メールは送信されません。

Markdownチートシート

見出し、リスト、表、コード、リンク、画像、GFM構文を、実際のプレビューとコピーできる例で確認できる実用的なMarkdownリファレンスです。

このツールは他の言語でも利用できます