# Overview This issue requests adding support for [GitHub-style admonitions/alerts](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts) as part of the Markdown parsing + generation! ## Expected Behavior ✔️ The following admonitions/Alerts are correctly parsed and displayed in Markdown Viewer: > [!NOTE] > Useful information that users should know, even when skimming content. > [!TIP] > Helpful advice for doing things better or more easily. > [!IMPORTANT] > Key information users need to know to achieve their goal. > [!WARNING] > Urgent info that needs immediate user attention to avoid problems. > [!CAUTION] > Advises about risks or negative outcomes of certain actions. ## Current Behaior ⚠️ Admonitions/Alerts are displayed as raw text ([shared Link/example][example]): <a href="https://markdownviewer.pages.dev/#share=eJx1ksFqg0AQhu95iim5tFDjvYeClJJIqQnB0EPoYXUnukR3ws6YNG_fWU0PLfSyyuy_H9-_Oof90slqqCCzPXknjjx_3rciJ35KU0s1Lxon7VAtaupT9GmDkrCYIGjTS9ADvknIJ1Mo7o6TWyK56Dj5iRlvkwOF3sifU5VhV_8X46sX8zU3HQbhh9nsGfZ3xbp8_dS3HeNh6MD5Ka_yIK0RGBgDA7c0dBaOni6PgGf0cGl14aPreyVDTV7Qy2JilvkmIlfYnSLT2LOrERQMlmJaWl0ZKm2IAXTcU0BAVe-uN0T-vllvy6woI-gNr7_EJiePaEFolIpPU7dO1ZSOLkBDpruxPrJtkRfLsWVoVHOETfUihEFboHVGcESDXpemxitQ7JmchVOgqsOeb8iXbFfm6yIiM23HyGAqGgSC4yPHSh4blVUdner31gAdoNaLN86r6vh3LGbfzlvHPA" > <img width="1645" height="873" alt="Markdown Viewer Example" src="https://github.com/user-attachments/assets/37001e0d-3bcb-476c-ab14-0f387913115b" /> </a> [example]: https://markdownviewer.pages.dev/#share=eJx1ksFqg0AQhu95iim5tFDjvYeClJJIqQnB0EPoYXUnukR3ws6YNG_fWU0PLfSyyuy_H9-_Oof90slqqCCzPXknjjx_3rciJ35KU0s1Lxon7VAtaupT9GmDkrCYIGjTS9ADvknIJ1Mo7o6TWyK56Dj5iRlvkwOF3sifU5VhV_8X46sX8zU3HQbhh9nsGfZ3xbp8_dS3HeNh6MD5Ka_yIK0RGBgDA7c0dBaOni6PgGf0cGl14aPreyVDTV7Qy2JilvkmIlfYnSLT2LOrERQMlmJaWl0ZKm2IAXTcU0BAVe-uN0T-vllvy6woI-gNr7_EJiePaEFolIpPU7dO1ZSOLkBDpruxPrJtkRfLsWVoVHOETfUihEFboHVGcESDXpemxitQ7JmchVOgqsOeb8iXbFfm6yIiM23HyGAqGgSC4yPHSh4blVUdner31gAdoNaLN86r6vh3LGbfzlvHPA ## Notes + Possible Options ⚙️ - [Marked Discussion](https://github.com/markedjs/marked/discussions/3799) → [marked-admonition-extension](https://github.com/xiefucai/marked-admonition-extension) - Alternative styles (likely out-of-scope!) - [MkDocs Material](https://squidfunk.github.io/mkdocs-material/reference/admonitions) / [Python-Markdown](https://python-markdown.github.io/extensions/admonition/) - [Docusarus](https://docusaurus.io/docs/markdown-features/admonitions) --- > [!IMPORTANT] > > Thank you for creating this viewer! > > Didn't find any [related issues/PR's](https://github.com/search?q=repo%3AThisIs-Developer%2FMarkdown-Viewer+%28admonitions+OR+alerts+OR+callouts%29&type=code) so figured I'd create this one to collect notes + ideas...
Overview
This issue requests adding support for GitHub-style admonitions/alerts as part of the Markdown parsing + generation!
Expected Behavior ✔️
The following admonitions/Alerts are correctly parsed and displayed in Markdown Viewer:
Note
Useful information that users should know, even when skimming content.
Tip
Helpful advice for doing things better or more easily.
Important
Key information users need to know to achieve their goal.
Warning
Urgent info that needs immediate user attention to avoid problems.
Caution
Advises about risks or negative outcomes of certain actions.
Current Behaior⚠️
Admonitions/Alerts are displayed as raw text (shared Link/example):
Notes + Possible Options ⚙️
Marked Discussion → marked-admonition-extension
Alternative styles (likely out-of-scope!)
Important
Thank you for creating this viewer!
Didn't find any related issues/PR's so figured I'd create this one to collect notes + ideas...