How to use footnotes in markdown inside html?

1k Views Asked by At

I am trying to use footnotes in Markdown, but when I put it inside HTML (<div>) the footnotes won't parse.

Here is the minimal example of the code:

a[^1]

<div> 
b[^2]
</div>

[^1]: I am a footnote
[^2]: I want to be a footnote too.

And it's parsed like this:

enter image description here

I was wondering what is the best way to use footnotes inside <div> blocks. Thanks for your help in advance !

Edit: I am using Jekyll with kramdown.

1

There are 1 best solutions below

1
grg On BEST ANSWER

The solution was to surround the footnote in a <p> block with the markdown argument.

<div>
<p markdown="1">
b[^2]
</p>
</div>

[^b]: Now I am a footnote too.

Thanks, Chris, for pointing me in the right direction.