Ruby (Furigana) HTML Tag Generator
Write readings in Aozora Bunko style, such as 漢字《かんじ》, and get HTML <ruby> tags. To annotate something other than kanji, start the base text with ｜. Readings are not added automatically; your own text is used as-is. For converting between hiragana and katakana, see the Kana Converter.
🔒 Runs in your browser · Your data is never sent to a server
Insert symbols
Select some text first: 《》 is added after it and the cursor is placed inside. ｜《》 also adds ｜ before the selection.
Preview
Notes
- For 漢字《reading》, the run of kanji (including 々, 〆 and ヶ) right before 《 is the base text. To annotate kana or letters, mark the start of the base text with ｜ (or a half-width |).
- Unclosed 《》, empty readings, and readings that span a line break are left unchanged in the output.
- <rp> shows the reading in parentheses in environments that do not support ruby. Modern browsers rarely need it, and adding it does not change how ruby displays there.
- Characters such as &, < and > in your input are escaped automatically, and the preview is built only from safe ruby elements.
Glossary
Ruby (furigana)
Small reading annotations placed above or beside characters such as kanji. In HTML they are written with <ruby> (base text), <rt> (the annotation) and optionally <rp> (parentheses for unsupported environments).
Aozora Bunko ruby notation
The 漢字《かんじ》 and ｜base《ruby》 style used by the Aozora Bunko digital library. This tool converts that notation to HTML.
FAQ
Does it add readings automatically?
No. It does not use a dictionary; whatever you type inside 《》 becomes the ruby text. You supply the readings yourself.
What is the difference between 漢字《かんじ》 and ｜base《ruby》?
With the first form, the run of kanji right before 《 is the base. Use ｜ at the start of the base when annotating kana, letters, or only part of a kanji run.
Should I include <rp> tags?
In older environments without ruby support, <rp> makes the reading appear in parentheses. Modern browsers rarely need it, but turn it on for maximum compatibility.
Why is my 《》 left as plain text?
It is left alone when no kanji or ｜ precedes it, the reading is empty, the closing 》 is missing, or it spans a line break. Check the notation.
Share this page