Softonic

HTMLからBBCode変換ツール

ステップ 1 / 3

コード片、メール本文、ページ全体を 500,000 文字まで貼り付けられます。

次へ：フォーラムを選択

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

HTMLをBBCodeに変換する方法

  1. 1

    HTMLを貼り付け

    スニペット、ブログ記事、HTMLとしてコピーしたページ全体に対応します。最大500,000文字まで貼り付けられます。

  2. 2

    フォーラムを選択

    phpBB、XenForo、vBulletin、MyBB、SMF、Steam、またはほとんどのフォーラムで使える一般的なタグから選びます。

  3. 3

    出力を確認

    BBCodeに相当するものがないタグは削除され、テキストは残ります。フォーラムで表示できないものは、結果の下の注意書きに一覧表示されます。

  4. 4

    BBCodeをコピー

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

HTMLからBBCodeへのタグ対応

この変換ツールは、ブラウザと同じようにHTMLを要素ごとに読み取り、選んだフォーラムが理解できるタグを書き出します。そのフォーラムで表示できないものは、結果の下の注意書きに一覧表示されます。

タグごとの対応

HTML BBCode
<b>、<strong>、太字 [b]...[/b]
<i>、<em>、斜体 [i]...[/i]
<u>、下線付きのテキスト [u]...[/u]
<s>、<del>、取り消し線付きのテキスト [s]...[/s]（Steamでは[strike]...[/strike]）
Webアドレスを持つ<a> [url=https://example.com]...[/url]
メールアドレスを持つ<a> [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>、<ol>、<li> [list]、[list=1]、[*]
<h1>～<h6> 太字。フォーラムにサイズタグや見出しタグがあれば、それも使います
文字色 [color=#cc0000]...[/color]
文字サイズ [size=...]...[/size]（フォーラム独自の段階で指定）
中央揃えまたは右揃えのテキスト [center]...[/center]または[align=center]...[/align]
<table> フォーラムにあれば[table]、[tr]、[th]、[td]。なければ表の1行を1行のテキストにします
YouTubeの<iframe> フォーラムの動画タグ、またはリンク
<p>、<div>、<br> 空行または改行

フォーラムごとの違い

  • phpBB：サイズはパーセントで、[size=150]のように指定し、上限は[size=200]です。番号付きリストには[list=1]、[list=a]、[list=i]が使えます。取り消し線、配置、表のタグはありません。
  • XenForo：タグは大文字で、[HEADING=1]～[HEADING=3]、[SIZE=1]～[SIZE=7]、文中のコード用の[ICODE]、[TABLE]、[MEDIA=youtube]があります。
  • vBulletin：配置用の[center]、[left]、[right]と、[size=1]～[size=7]のサイズがあります。取り消し線と表のタグはありません。
  • MyBB：[align=center]、[size=xx-small]～[size=xx-large]のサイズ、[hr]、[video=youtube]があります。
  • SMF：[size=1.5em]のようなem単位のサイズ、[li]項目を使う[list type=decimal]、[table]、[sub]、[sup]、[hr]、[youtube]があります。
  • Steam：[h1]～[h3]、番号付きリスト用の[olist]、[strike]、[table]があります。画像、色、サイズ、メールのタグがないため、画像はリンクになり、メールアドレスはそのまま書き出されます。
  • ほとんどのフォーラム（一般的なタグ）：太字、斜体、下線、色、リンク、メール、画像、引用、コード、リストで、ほぼすべてのフォーラムで使えます。

変換されないもの

  • スクリプト、スタイル、フォームの入力欄、非表示の要素、コメント、SVGグラフィック、MathMLの数式。
  • フォント、背景、余白。
  • 黒や白に近い文字色。投稿がフォーラムのライトテーマやダークテーマに合うようにするためです。
  • ピクセルやポイントで指定したサイズ。フォーラムの標準の文字サイズが使われるようにするためです。
  • HTML自体に埋め込まれた画像（data:image形式のアドレス）。先に画像ホスティングサービスにアップロードしてください。
  • images/photo.jpgのような相対アドレスは残りますが、注意書きで知らせます。https://example.com/images/photo.jpgのような完全なアドレスに置き換えてください。

おすすめの使い方

  • 投稿先のフォーラムを選んでください。そのフォーラム独自のタグを使うと、最も近い結果になります。
  • 長い文章を投稿する前に、短い部分をフォーラムのプレビューで試してください。
  • フォーラムのエディタにBBCodeモードやソースモードがあれば、貼り付ける前に切り替えてください。

よくある質問

BBCodeの語彙はHTMLに比べてごくわずかです。<div>、<section>、<details>のようなタグには、BBCodeに相当するものがありません。変換ツールはそれらのタグを削除し、テキストは残します。phpBBでの表やSteamでの画像など、選んだフォーラムで表示できないものは、結果の下の注意書きに一覧表示されます。

一部は保持されます。インラインスタイルで指定した太字、斜体、下線、取り消し線、文字色、文字サイズ、配置は、選んだフォーラムに対応するタグがあれば変換されます。フォント、背景、余白は削除され、テキストは残ります。黒や白に近い文字色は、投稿がフォーラムのテーマに合うように除外され、ピクセルやポイントで指定したサイズは、フォーラムの標準サイズが使われるように除外されます。

はい。<b><i>text</i></b>は[b][i]text[/i][/b]になり、リンク内の画像は[url=https://example.com][img]https://example.com/photo.jpg[/img][/url]になります。太字の中の太字は1つの[b]タグで書き出されます。同じタグが重なると、正しく対応付けられないフォーラムがあるためです。

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

投稿先のフォーラムを選んでください。phpBB、XenForo、vBulletin、MyBB、SMF（Simple Machines Forum）、Steamから選べます。フォーラムごとに使えるタグが少しずつ違い、たとえば取り消し線は[s]か[strike]、サイズは[size=150]か[SIZE=5]です。投稿先がリストにない場合は、「ほとんどのフォーラム（一般的なタグ）」を選んでください。ほぼすべてのフォーラムで使えるタグだけを使います。結果の画面では、貼り付け直さずにフォーラムを切り替えられます。

いいえ。貼り付けたHTMLはブラウザの中にとどまります。変換もブラウザ内で行われ、当社のサーバーに送信されることも、ページのリンクに追加されることもありません。ステップ間を移動できるように、このブラウザのタブがHTMLを保持します。保持されるのは、タブを閉じるか「やり直す」をクリックするまでです。

関連ツール

Webpack設定ジェネレーター

短いフォームからwebpack 5のwebpack.config.jsを生成します。entry・出力フォルダー・モードを設定し、TypeScript、Babel、CSSローダー、HtmlWebpackPlugin、開発サーバーを切り替えるだけです。

CMYK から RGB への変換

標準的な計算式で CMYK の割合をおおよその RGB 値と Hex 値に変換し、画面用にすばやく確認できます。

.gitignore ジェネレーター

Laravel、Node.js、Python、Rails のプロジェクト用除外ルールを組み合わせます。結果をコピーするか、.gitignore 入りの ZIP をダウンロードできます。個人用ルールは別に表示します。

16進数から10進数への変換ツール

16進数を10進数（10進法）に変換します。メモリアドレス、エラーコード、RGBチャンネル、任意精度の整数に対応します。

Dockerfileジェネレーター

5つのアプリ構成に合うDockerfileと.dockerignoreを作成。実際の起動対象、作業ディレクトリ、内部ポートを入力し、両方のファイルを確認できます。

Markdownリンク生成ツール

URLとアンカーテキストからMarkdownリンクの記法を生成します。タイトルのツールチップや、長い文書を読みやすく整える参照形式のリンクにも対応しています。

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