Quick macOS shortcut to convert HTML to Markdown

A quick tutorial on how to convert HTML to Markdown. For example, by the end of this tutorial you should be able to highlight the text below…

<h2>Absolute URLs</h2>
<p><a href=”https://www.w3.org/">W3C</a></p>
<p><a href=”https://www.google.com/">Google</a></p>
<h2>Relative URLs</h2>
<p><a href=”html_images.asp”>HTML Images</a></p>
<p><a href=”/css/default.asp”>CSS Tutorial</a></p>

right click and select your shortcut to produce…

## Absolute URLs
[W3C](https://www.w3.org/)
[Google](https://www.google.com/)
## Relative URLs
[HTML Images](html_images.asp)
[CSS Tutorial](/css/default.asp)

If you are new to Shortcuts you can check out a few tutorials here to get you familiar.

Please see the final shortcut below with the steps to create it beneath that.

Steps

• Select “Shortcut details” in the right panel, select “Use as Quick Action”.
• Add action “Make rich text from HTML”
• Add action “Make Markdown from Rich text”
• Add action “Show Text”

Now you should be able to highlight the HTML above, right click or double tap to bring up the menu. Select “Services” and then the name of the Shortcut.

🥳 you are done.

If you found this blog post helpful, you’ll love the book packed with plenty of real-world examples and AI integration — dive deep into Shortcuts.

For more shortcut ideas check out this link.