両方向の変換手順

マークアップを貼り付けて「HTML → UBB」または「UBB → HTML」を押します。どちらもこのタブ内で処理され、テキストはページ自身が書き換えるため、送信も外部へのリクエストもありません。

対応するのは掲示板が実際に使うタグです。書式、リンク、画像、引用、リスト、見出し、コードブロックを変換し、知らないタグは削除せずそのまま残すので、手直しが必要な箇所がそのまま見えます。

  1. HTML または UBB のマークアップを入力欄に貼り付けます。
  2. 「HTML → UBB」で HTML を掲示板タグに書き換え、「UBB → HTML」で逆方向に変換します。
  3. 「コピー」で結果をクリップボードに入れ、「クリア」で入力欄と結果欄を空にします。
  4. 一度に 1 ブロックずつ変換し、投稿前に結果を確認してください。信頼できないマークアップの除去フィルターではありません。

変換されるタグと、それ以外の扱い

HTML → UBB

<b>、<strong>、<i>、<em>、<u>、<s>、<strike>、<del>、<sub>、<sup>、<code>、<pre>、<blockquote> は UBB の相当タグになり、<br> は改行、<hr> は [hr]、<p>・<div>・表の行・<h1>〜<h6> は行を終わらせます。見出しは文字と行だけを残し、レベルは引き継ぎません(掲示板のタグに見出しの標準がないため)。

<ul> は [list]、<ol> は [list=1]、<li> は [*]、表のセルはタブ区切り、<img> は [img]…[/img](smile="3" 付きの画像は [s:3])、<a href="…">テキスト</a> は [url=…]テキスト[/url] になります。onclick などのイベント属性は途中で取り除きます。

UBB → HTML

[b]、[i]、[u]、[strike] と [s]、[sub]、[sup]、[code] と [code=php]、[quote] と [quote=名前]、[blockquote]、[hr]、[h1]〜[h6]、[align=…]、[size=…]、[color=…]、[font=…]、[backcolor=…] を変換し、[list] と [list=1]/[list=a] は [*] を項目とするリストに、[url]、[url=…]、[img]、[email] はリンクと画像になります。

UBB の中に書いた HTML はエスケープされるため、x <b>y</b> はマークアップではなく x &lt;b&gt;y&lt;/b&gt; として戻り、[code] ブロックは改行を保ったまま <pre><code> に入ります。[quote=名前] の名前は引き継ぎません(<blockquote> に保持する場所がないため)。

実体参照と未知のタグ

HTML の実体参照は 1 回だけデコードします。&amp;、&lt;、&gt;、&quot;、&#39;、&nbsp; は文字に戻り、&amp;lt; はタグにならず &lt; のまま残ります。HTML 側が知らないタグは消えますが中のテキストは残るので、<span> の囲みは結果に出ず、語句は残ります。

UBB 側が知らないタグ — [table]、[spoiler]、[s:3] のようなスマイリーコード — は入力どおりに通すので、手作業で仕上げられます。

プライバシーと制限

どちらの方向もページ内のテキスト処理だけです。アップロードもリクエストもなく、再読み込み後は何も残りません。100 KB の文書は Chrome で約 0.2 秒で変換されます。

これはマークアップの変換ツールであり、HTML のサニタイザーではありません。onclick 系の属性を外し、UBB 側ではマークアップをエスケープしますが、信頼できない HTML は表示前に別途サニタイズしてください。

最近使ったツール: