Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Markdown FuriganaNew to Visual Studio Code? Get it now.
Markdown Furigana

Markdown Furigana

iltrof

|
793 installs
| (0) | Free
Furigana syntax support for vscode's markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

markdown-furigana

VSCode extension which adds furigana support to vscode's built-in markdown preview.

Based on furigana-markdown-it.

Quick usage

Input Result
[漢字]{かんじ} 漢字【かんじ】
[漢字]{かん・じ}
(allowed separator characters: "..。・||//", as well as any kind of space)
漢【かん】字【じ】
[取り返す]{とりかえす} 取【と】り返【かえ】す
[可愛い犬]{かわいいいぬ} 可愛【かわいい】い犬【ぬ】 (wrong match!)
[可愛い犬]{か・わい・いいぬ} 可【か】愛【わい】い犬【いぬ】
[可愛い犬]{か+わい・いいぬ} 可愛【かわい】い犬【いぬ】
[食べる]{たべる} 食【た】べる
[食べる]{=たべる} 食べる【たべる】
[アクセラレータ]{accelerator} アクセラレータ【accelerator】
[accelerator]{アクセラレータ} accelerator【アクセラレータ】
[あいうえお]{*} (or {*}) あ●い●う●え●お●
[あいうえお]{*❤} (or {*❤}) あ❤い❤う❤え❤お❤

If you need a lengthier description, check out the GitHub page for furigana-markdown-it.

If something produces an undesired result, remember that you can always use the [foo]{=bar} syntax to simply place bar above foo as-is, without doing anything fancy. (The full-width equals sign (=) also works.)

Known limitations

  • Formatting is not applied recursively: [**foo**]{bar} doesn't make foo bold. Instead it produces **foo**bar.

  • Matching hiragana with katakana is not supported. That is, [バカな奴]{ばかなやつ} wouldn't work, since バカ and ばか are not considered equal. [バカな奴]{バカなやつ} works fine though, producing バカな奴やつ.

  • Matching punctuation (or any other random symbols) is not supported. That is, [嫌だ!]{いやだ!} will not work properly (but [嫌だ!]{いやだ} will).

  • Some formatters (looking at you, Prettier) will auto-escape the asterisk in [あいうえお]{*}, breaking everything. For now, just use a full-width asterisk (*), I guess.

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