ルビ（ふりがな）HTMLタグ生成
漢字の直後に《よみ》を添える記法（青空文庫風）で書いたテキストから、HTMLの <ruby> タグを生成します。漢字以外を親文字にしたいときは先頭に ｜ を付けてください。読みの自動付与は行わず、入力した読みをそのままタグにします。ひらがな・カタカナの相互変換は ひらがな・カタカナ変換 もご利用ください。
🔒 ブラウザ内で完結・入力データはサーバーに送信されません
記号の挿入
文字を選択してから押すと、選択部分の後ろに《》を付け、カーソルを《》の中に置きます。｜《》は選択部分の前に｜も付けます。
プレビュー
注意事項
- 漢字《よみ》は、《の直前にある漢字（々・〆・ヶを含む）の連続を親文字とします。ひらがなやカタカナ、英数字に付けたいときは ｜（または半角の |）で親文字の先頭を指定してください。
- 《》が閉じていない場合、読みが空の場合、改行をまたぐ場合は変換せず、そのまま出力します。
- <rp> はルビ非対応の環境で読みを括弧付きで表示するための要素です。最近のブラウザでは通常不要ですが、付けても表示は変わりません。
- 入力中の &, <, > などの記号は自動でエスケープされ、プレビューも安全なルビ要素だけで組み立てています。
用語解説
ルビ（ふりがな）
漢字などの上や横に付ける読み仮名のことです。HTMLでは <ruby>（親文字）と <rt>（ルビ）、必要に応じて <rp>（非対応環境用の括弧）を組み合わせて表現します。
青空文庫のルビ記法
青空文庫で使われる「漢字《かんじ》」「｜親文字《ルビ》」という書き方です。このツールはその記法を HTML に変換します。
よくある質問
読みを自動で付けてくれますか？
いいえ。辞書を使った自動付与は行わず、入力した読みをそのままrubyタグにします。読みは《》の中に自分で書いてください。
「漢字《かんじ》」と「｜親文字《ルビ》」の違いは？
《の直前にある漢字の連続が親文字になるのが前者です。ひらがな・カタカナ・英字に読みを付けたい場合や、漢字の途中から付けたい場合は、親文字の先頭に ｜ を置く後者を使います。
<rp>タグは付けたほうがよいですか？
rubyに対応していない古い環境では、rpがあると読みが（）付きで表示されます。現在のブラウザでは通常不要ですが、互換性を重視する場合はオンにしてください。
《》が変換されずにそのまま残るのはなぜですか？
直前に漢字も ｜ もない場合、読みが空の場合、閉じ括弧がない場合、改行をまたぐ場合は変換されません。記法を見直してください。
このページをシェア