← All tools

Ruby Annotation Editor

Edit ruby annotation editor and inspect a real native preview locally.

ruby-annotation-editorLOCAL WORKSPACE

Enabling local controls…

Input and preview settings

Local processing without upload/storage.32KiB per text field,8MiB font,1MiB complete output; Worker processing has a one-second deadline. Editing clears old preview and exports.

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.

ToolHubEN source controls ↗CSS Ruby layout ↗

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.