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

|
539 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

  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.

Example usage

Known Issues

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

Release Notes

1.0.0

Initial release.

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