I have a short code to highlight important parts on the page
Example:
{{< alert success >}}
**Markdown with Link**
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non [ritibus](#) Telethusa
{{< /alert >}}
Shortcode:
<div class="alert alert-{{ .Get 0 }}">
{{ .Inner | markdownify | }}
</div>
This shortcode renders a colored box with the markdown text in it. I want to be able to add a CSS-class to every link () element that may exists in the rendered (markdownified) output.
Is this possible?
Instead of
<div class="alert alert-success">
<strong>Markdown with Link</strong><br>
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non <a href="#">ritibus</a> Telethusa
</div>
I want to be able to have:
<div class="alert alert-success">
<strong>Markdown with Link</strong><br>
Lorem markdownum insigne. Olympo signis Delphis! Retexi Nereius nova develat
stringit, frustra Saturnius uteroque inter! Oculis non <a class="alert-link" href="#">ritibus</a> Telethusa
</div>