Ruby Annotation Editor
Edit ruby annotation editor and inspect a real native preview locally.
Enabling local controls…
Native preview
Review inputs and build; variable fonts require a selected file.
Processing model and limits
Render semantic ruby/rp/rt elements and escaped HTML/CSS; source over/under and 30–100% sizes. 1–100 pairs, one | delimiter per line, each side≤256 code points. No pronunciation lookup, font fetch or language correctness check; browser Ruby layout varies. Text stays in memory; 32 KiB per field and 1 MiB complete output. Native preview is scoped to its container; exported HTML is escaped text, never injected into the document. Editing cancels pending work and clears stale results.
How to use this tool
Edit the source fields, build the preview, then inspect and export the complete text. For fonts, explicitly select a local file; no external font URL is requested.
When not to use it
Render semantic ruby/rp/rt elements and escaped HTML/CSS; source over/under and 30–100% sizes. 1–100 pairs, one | delimiter per line, each side≤256 code points. No pronunciation lookup, font fetch or language correctness check; browser Ruby layout varies. Text stays in memory; 32 KiB per field and 1 MiB complete output. Native preview is scoped to its container; exported HTML is escaped text, never injected into the document. Editing cancels pending work and clears stale results.