⏱️ 3 min read

Emoji Shortcodes Plugin

The Emoji Shortcodes Plugin enables the use of intuitive text shortcuts (like 😀 or ) within your documentation. These shortcodes are automatically replaced with browser-safe HTML entities during the build process.

This works globally in your Markdown files (.md) as well as in HTML templates (.html).

Mechanism

The plugin scans the rendered HTML code for the pattern :shortcode: and replaces known keywords with their corresponding HTML entities (e.g., 😀).

Benefits:


GitHub Alert Semantics

This plugin is optimized to support the semantics of GitHub Alerts. Use these specific icons inside blockquotes to create visually distinct callouts.

MeaningIconShortcodesExample Markdown
NOTEℹ️note, info> info **Note:** ...
TIP💡tip, bulb, hint> tip **Tip:** ...
IMPORTANTimportant, attention> important **Important:** ...
WARNING⚠️warning, warn> warning **Warning:** ...
CAUTION🛑caution, stop, danger> caution **Caution:** ...

Standard Sets

CategoryIconsShortcodes
General✔ ❌check, cross, x
Faces😀 😂 😉 😎 🤔 😢smile, laugh, wink, cool, thinking, sad
Hands👍 👎 👌 👏thumbsup, thumbsdown, ok_hand, clap
Arrows➡ ⬅ ⬆ ⬇arrow_right, arrow_left, arrow_up, arrow_down
Objects🚀 🔥 ⭐ ❤rocket, fire, star, heart

Usage Example

> tip **Pro-Tip**
> Use shortcodes to make your documentation more alive.

> warning **Warning**
> Never manually delete system files.

Output

💡 Pro-Tip Use shortcodes to make your documentation more alive.

Warning Never manually delete system files.

Configuration

Enable in fluid.cfg:

[plugins]
enabled=..., emoji

Note due to the plugin is active, the shortcodes above are all without colons: before and after the shortcode-names.