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 …

Thank you so much! that worked perfectly for all the notes without any markdown in them but as soon as I used markdown, didn’t work. i.e. {{< note type="info" >}} The **Network** tab allows us to inspect the network activity within the browser. We will use this to capture the API call made by usi…

i think i just solved it with markdownify…  <div {{ with .Get "type" }}class="alert alert-{{.}} note"{{ end }} role="alert"> <div class="clr-row"> <div class="clr-col-xl-1 clr-col-lg-1 clr-col-md-1 clr-col-sm-1"> <div class="title"> Note: </div> </div> <div cl…

I would do this instead… 1) Call the shortcode using the {{< >}} notation. {{< note type="info" >}} **foo** {{< /note >}} 2) Update the shortcode <div {{ with .Get "type" }}class="alert alert-{{.}} note"{{ end }} role="alert"> <div class="clr-row"> <div class="clr-col-xl-1 clr-col-lg-1 c…

That seems to have worked like a dream! thank you again for being so helpful!

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

Topic		Replies	Views
Shortcode without markdown nested in Shortcode with markdown is wrapped with <p> support	14	511	February 4, 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	1298	May 1, 2023
Weird stray </p> (closing paragraph) tags support	26	1748	February 5, 2023
Shortcode in p tag all on one line loses the p tag support	6	436	April 29, 2023
Shortcodes and </p> tags (2) support	5	3429	June 16, 2021

HELP! Shortcode generating additional <p> tags

Related topics