How can I wrap my markdown in an HTML div?

by

Markdown

For Markdown, This is by design. From the Inline HTML section of the Markdown reference:

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style emphasis inside an HTML block.

But it is explicitly allowed for span-level tags:

Unlike block-level HTML tags, Markdown syntax is processed within span-level tags.

So, depending on your use-case, you might get away with using a span instead of a div.

CommonMark

If the library you use implements CommonMark, you are lucky. Example 108 and 109 of the spec show that if you keep an empty line in between the HTML block and the markdown code, the contents will be parsed as Markdown:

<div>

*Emphasized* text.

</div>

should work, while the following shouldn’t:

<div>
*Emphasized* text.
</div>

And, again according to the same section in the reference, some implementations recognize an additional markdown=1 attribute on the HTML tag to enable parsing of Markdown inside it.

Though it doesn’t seem to work in StackOverflow yet:

Testing **Markdown** inside a red-background div.

More Related Contents:

  1. Can I create links with ‘target=”_blank”‘ in Markdown?
  2. Cross-reference (named anchor) in markdown
  3. Convert attributed string, to, “simple” tagged html
  4. Include HTML files in R Markdown file?
  5. How to show HTML or Markdown in a SwiftUI Text?
  6. Markdown and image alignment
  7. How do I set an HTML class attribute in Markdown?
  8. How to stretch div height to fill parent div – CSS
  9. Is there an equivalent of CSS max-width that works in HTML emails?
  10. limit selectable files by extensions [duplicate]
  11. Angular2 disable button
  12. Fast and responsive interactive charts/graphs: SVG, Canvas, other?
  13. Giving the script tag an ID
  14. How might I force a floating DIV to match the height of another floating DIV?
  15. HTML multiple select box
  16. Is it alright to use multiple h1 tags on the same page, but style them differently? [closed]
  17. Ordered list showing all zeros in IE9
  18. Making part of a div transparent
  19. Curved lines using only HTML and/or CSS
  20. Embed Youtube code is not working in HTML
  21. Using cm/mm on the CSS of a web app that replicates paper interaction is a good practice?
  22. In which order are CSS styles applied?
  23. justify-content: space-between failing to align elements as expected
  24. How to create chat bubbles like facebook Messenger
  25. center inside a with CSS
  26. How to make rounded border in IE8 with CSS?
  27. HTML5 drag and drop images from a toolbar to a canvas
  28. Targeting text nodes with CSS
  29. How to get equal width of input and select fields
  30. Is it possible to reuse HTML like a template on multiple pages?

Leave a Comment