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
Empty <p> </p> tags generated when using shortcodes support	6	2778	March 4, 2023
Shortcodes and <p> tags support	10	4720	November 29, 2015
Tagging Shortcode support	6	396	January 24, 2019
Shortcodes and </p> tags (2) support	6	3288	June 16, 2021
Hugo 0.60.1 shortcodes problem, probably a bug in goldmark or in hugo support	5	1157	April 27, 2020

HELP! Shortcode generating additional <p> tags

Related topics