Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>ruby-html-tagNew to Visual Studio Code? Get it now.
ruby-html-tag

ruby-html-tag

Ahmed Fasih

|
580 installs
| (0) | Free
Wrap selections in <ruby> tags
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ruby-html-tag for VS Code

This extensionvery tiny makes it easier to deal with adding <ruby> HTML tags to your documents (HTML, Markdown, etc.). I'm not talking about the programming language, but the small text rendered above other text, typically used by documents in East Asian languages and called ルビ文字ruby moji: see MDN as well as @kosamari.

Features

Add Ruby and Rt Tags

  1. Select a word.
  2. Open the Command Palette (⇧⌘P or Ctrl+Shift+P).
  3. Type "Add Ruby and Rt Tags" and hit Enter.
  4. Your word will be wrapped in <ruby> tags and the ruby textthis stuff is left selected for you to overwrite.

If you skip step 1, i.e., don't select anything, we try to do something sensible:

  • if you're at a word, we select the entire word for you wrap it in <ruby> tags.
  • If there's no word at your cursor, we insert a blank <ruby> and <rt> tags.

Copy Without Rt and leaving only base Ruby (removing all furigana)

  1. Select text containing <ruby> tags (or position your cursor on a line).
  2. Open the Command Palette (⇧⌘P or Ctrl+Shift+P).
  3. Type "Copy Without Rt Tags (Only Ruby Text)" and hit Enter.
  4. The text is copied to your clipboard with all furigana/ruby annotations removed.

Example usage

Known Issues

When the width of the window is just right, the "RUBY TEXT" isn't fully selected. Please help.

Release Notes

2.0.0

Added "Copy Without Rt Tags (Only Ruby Text)" command to copy text with all ruby annotations removed.

1.0.0

Initial release.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft