ルビ（ふりがな）HTMLタグ生成
「漢字《かんじ》」（青空文庫式）や「漢字(かんじ)」記法で書いたテキストを、
ふりがな付きの <ruby> タグへリアルタイムに一括変換します。
入力内容がサーバーに送信されることはありません。
入力テキスト（記法: ｜漢字《かんじ》 ／ 漢字《かんじ》 ／ 漢字(かんじ)）
親文字（漢字など）
ルビ（ふりがな）
生成されたHTMLコード
レンダリングプレビュー
使い方
- テキストエリアにルビ記法を含む文章を入力すると、下にHTMLコードとプレビューがリアルタイムで表示されます
- 「親文字」と「ルビ」を入力して「1組追加」を押すと、テキスト末尾に青空文庫式の記法で追記されます
- 「HTMLをコピー」でそのままブログやWebページに貼り付けられます
対応している記法
- 青空文庫式:
漢字《かんじ》— 直前の漢字の連なりが親文字になります - 開始位置指定:
｜親文字《ルビ》— 縦線（｜ または |）から《 までを親文字にします。ひらがな・カタカナ・英字を親文字にしたいときに使います - 丸括弧式:
漢字(かんじ)— 漢字の直後の括弧（半角・全角どちらも可）の中身がすべてひらがな・カタカナのときだけルビとして扱います
仕様
- 出力は
<ruby>漢字<rt>かんじ</rt></ruby>形式のHTMLです - 「rp タグを含める」をオンにすると
<rp>(</rp><rt>…</rt><rp>)</rp>が挿入され、ruby 非対応ブラウザでは「漢字(かんじ)」のように表示されます - 親文字・ルビ・地の文に含まれる
& < > " 'は正しくHTMLエスケープされます - 入力内容とオプションはブラウザの localStorage に保存され、次回開いたとき復元されます