MarkdownからBBCodeへの変換ツール
Markdownは今やあらゆる場所で使われていますが、多くのフォーラム(phpBB、vBulletin、Invision、従来型のSMF掲示板など)は依然としてBBCodeしか受け付けません。BBCodeはMarkdownより10年も前から存在する、角括弧タグによるマークアップです。Markdownを貼り付けると、この変換ツールが見出し、強調、リスト、コードブロック、表、引用、リンクをそれぞれ対応するBBCodeに書き換えるので、お気に入りのMarkdownエディターで書いた下書きをそのまま従来型の掲示板に投稿できます。
変換の仕組み
-
1
Markdownを貼り付ける
文書全体または一部を入力してください。GFM拡張(表、取り消し線)に対応しています。
-
2
フォーラムの方言を選ぶ
phpBB、vBulletin、Invision、または汎用。それぞれタグセットが少しずつ異なります。
-
3
変換
見出し → `[size]`または`[b]`、強調 → `[i]`/`[b]`、リスト → `[list]`、コード → `[code]`。
-
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] |
 |
[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に対応する記法がない色やフォントのタグに注意してください。
いいえ。変換はすべてブラウザー内で行われるため、下書きが端末の外に出ることはありません。
関連ツール
ASCII表リファレンス
0から127までの完全なASCII表です。NUL、LF、DELなどの制御コードを含め、各文字の10進数、16進数、8進数、2進数、HTML数値文字参照を表示します。
HTML文字参照
HTMLエンティティの検索可能なリスト、その名称コードおよび数値コード、および特殊文字や記号のワンクリックコピー機能を提供します。
キーボードショートカット一覧
macOS、Windows、Linux向けに、VS Code、Chrome、GNU Readlineを使うBashの公式資料に基づく既定ショートカットを検索できます。
JavaScript圧縮ツール
変数名のリネーム、空白の削除、デッドコードの除去、定数畳み込みでJavaScriptを圧縮し、より小さなバンドルを作成します。
EditorConfig ジェネレーター
インデントのスタイルとサイズ、改行コード、文字コード、空白ルールを指定して .editorconfig ファイルを生成し、IDE やエディタをまたいで書式を統一できます。
メールアドレス検証ツール
メールアドレスを検証します。RFC 5322構文チェック、MXレコードのライブ確認に加え、ローカル部、ドメイン、長さの詳細を表示します。メールは送信されません。
このツールは他の言語でも利用できます
- Konwerter Markdown na BBCode [PL]
- Markdown till BBCode-konverterare [SV]
- Convertidor de Markdown a BBCode [ES]
- Conversor de Markdown para BBCode [PT]
- Convertisseur Markdown en BBCode [FR]
- محوّل Markdown إلى BBCode [AR]
- โปรแกรมแปลง Markdown เป็น BBCode [TH]
- Chuyển đổi Markdown sang BBCode [VI]
- 마크다운 BBCode 변환기 [KO]
- Konverter Markdown ke BBCode [ID]
- Markdown zu BBCode Konverter [DE]
- Markdown naar BBCode-converter [NL]
- Markdown to BBCode Converter [EN]
- Convertitore da Markdown a BBCode [IT]
- Конвертер Markdown в BBCode [RU]
- Markdown'dan BBCode'ye Dönüştürücü [TR]
- Markdown 转 BBCode 转换器 [ZH]