Skip to main content

Phase 2 β€” Emoji Shortcodes (Test)

August 28, 20261 min read
Share

This post is for testing Phase 2. Type a shortcode like :rocket: and it renders as an emoji automatically πŸš€. Try a few below.

Built-in shortcodes

  • Celebrate πŸŽ‰ ship it πŸš€ and review πŸ‘€
  • Plants 🌱 🌿 🌻 🌲
  • Weather β˜€οΈ ☁️ 🌈 ⚑
  • Writing πŸ“ πŸ“š πŸ’‘ ⭐

Inline sentence with emojis πŸ‘‹ hope this works 🀞!

Emoticons

Old-school emoticons are also supported β€” :) :( ;) :P :D become πŸ˜„ πŸ™ πŸ˜‰ πŸ˜› 😁.

Accessibility

With accessible mode on, each emoji is wrapped in <span role="img" aria-label="rocket emoji"> so screen readers announce the name. Inspect the πŸš€ above to confirm.

Custom emoji via directive

The existing ::directive{} pattern still works alongside shortcodes. For example a tip directive hover me stays interactive, while :rocket: stays a plain emoji β€” no conflict because emoji runs first.

If you see emojis rendering and the tip tooltip still works, Phase 2 is good to go. Then we can proceed to Phase 3.