Let me first say i’m relatively new to hugo (and the forum), but I am trying to create a shortcode (note.html) to highlight some info text on my website but it seems to generate additional p tags. I’m using the clarity framework as the source of my CSS but i don’t feel that is what’s causing the iss…

You’re calling the shortcode using the {{% .. %}} notation so everything is processed as Markdown. When rendering Markdown to HTML, a single line of text is rendered to a paragraph . Test it with the reference implementation of the renderer. With this shortcode call: {{% note type="info" %}} foo …

HELP! Shortcode generating additional <p> tags

support

tyco February 15, 2025, 4:25am 6

@thecloudxpert See also Hugo-admonitions: A simple way to add beautiful Callouts to hugo site

1 Like

Topic		Replies	Views
Shortcode without markdown nested in Shortcode with markdown is wrapped with <p> support	15	427	February 6, 2024
The curious case of the two empty paragraphs tags - Hugo generates empty paragraphs at the start and end of each page support shortcodes	8	1186	May 1, 2023
Weird stray </p> (closing paragraph) tags support	27	1553	February 5, 2023
Shortcode in p tag all on one line loses the p tag support	7	394	May 1, 2023
Shortcodes and </p> tags (2) support	6	3353	June 16, 2021

HELP! Shortcode generating additional <p> tags

Related topics