MarkdownからBBCodeへの変換ツール

Markdownは今やあらゆる場所で使われていますが、多くのフォーラム(phpBB、vBulletin、Invision、従来型のSMF掲示板など)は依然としてBBCodeしか受け付けません。BBCodeはMarkdownより10年も前から存在する、角括弧タグによるマークアップです。Markdownを貼り付けると、この変換ツールが見出し、強調、リスト、コードブロック、表、引用、リンクをそれぞれ対応するBBCodeに書き換えるので、お気に入りのMarkdownエディターで書いた下書きをそのまま従来型の掲示板に投稿できます。

変換の仕組み

  1. 1

    Markdownを貼り付ける

    文書全体または一部を入力してください。GFM拡張(表、取り消し線)に対応しています。

  2. 2

    フォーラムの方言を選ぶ

    phpBB、vBulletin、Invision、または汎用。それぞれタグセットが少しずつ異なります。

  3. 3

    変換

    見出し → `[size]`または`[b]`、強調 → `[i]`/`[b]`、リスト → `[list]`、コード → `[code]`。

  4. 4

    BBCodeをコピー

    出力はどのフォーラムの投稿エディターにもそのまま貼り付けられます。

Markdown → BBCode 対応表

Markdown BBCode
# H1 [size=200][b]H1[/b][/size]
## H2 [size=150][b]H2[/b][/size]
*italic* [i]italic[/i]
**bold** [b]bold[/b]
~~strike~~ [s]strike[/s]
`inline code` [c]inline code[/c] または [icode]
囲み付きコードブロック [code]...[/code]
箇条書きリスト [list] + [*]項目 + [/list]
番号付きリスト [list=1] + [*]項目
> quote [quote]quote[/quote]
[text](url) [url=...]text[/url]
![alt](img) [img]img[/img](alt は破棄)
水平線 対応していれば [hr]、なければ空欄
表(GFM) [table][tr][td]...[/td][/tr][/table]

方言の違い

すべてのフォーラムが同じBBCodeを使うわけではありません。よくある相違点:

  • 見出し。 phpBBは[h1][h6]に対応していません。変換ツールは[size]+[b]で代用します。vBulletinは[size=5]に対応しています。
  • 色とフォント。 [color=red]はどこでも使えますが、Markdownからは生成されません(対応する記法がないため)。
  • インラインコード。 一部の掲示板は[c]を、別の掲示板は[icode]を使い、多くは[code]にフォールバックします。
  • 画像。 BBCodeにはalt属性がないため、altテキストは破棄されます。アクセシビリティを重視する場合は、隣に通常のテキストとして書き添えてください。

往復変換で残るもの

  • 太字、斜体、取り消し線:完璧。
  • インラインコードとコードブロック:完璧。
  • リスト:完璧。
  • リンク:完璧。
  • 表:フォーラムが[table]に対応しているかどうか次第です。phpBBは標準では対応していないため、プラグインを使うか、プレーンテキストの表に切り替えてください。
  • 見出し:おおよそ、BBCodeには意味的な見出しレベルがありません。

従来型掲示板のヒント

  • 貼り付けてプレビューする。各フォーラムのBBCodeパーサーには癖があり、あるフォーラムで動くものが別のフォーラムではそのままの文字列として表示されることがあります。
  • インデントされた内容には[code]ブロックを使うのがおすすめです。Markdownの4スペースインデントのコードは、BBCodeパーサーに無視されることがあります。
  • フォーラムが[html]に対応している場合は、先にMarkdownをHTMLに変換してから貼り付けると、よりきれいな出力が得られることがあります。

よくある質問

BBCodeには従来から見出しタグ([h1])がありません。ほとんどのフォーラムは[size][b]で代用します。フォーラムに見出しプラグインがあれば、出力を手動で後処理できます。

サードパーティ製の[table]プラグインがある場合のみです。標準のphpBBは[table]を受け付けません。変換ツールは出力しますが、プラグインがインストールされていない限り、フォーラムではそのままの文字列として表示されます。

BBCodeの[img]タグにはalt属性がないため、altテキストは破棄されます。アクセシビリティが重要な場合は、周囲のテキストにキャプションを追加してください。

このツールではできません。BBCodeからMarkdownへの変換ツールは別に存在します。Markdownに対応する記法がない色やフォントのタグに注意してください。

いいえ。変換はすべてブラウザー内で行われるため、下書きが端末の外に出ることはありません。

関連ツール

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