
Phase 2 β Emoji Shortcodes (Test)
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.