Markdown Blockquotes to HTML blockquote Tags
Convert Markdown blockquote syntax (> text) to HTML <blockquote> tags. Covers nested blockquotes, blockquotes with other elements, and styling.
Detailed Explanation
Blockquotes in Markdown
Blockquotes in Markdown use the > character at the beginning of a line. They convert to HTML <blockquote> elements and are used for quoting external sources, highlighting important notes, or offsetting content.
Basic Blockquote
> This is a blockquote.
> It can span multiple lines.
Converts to:
<blockquote>
<p>This is a blockquote.
It can span multiple lines.</p>
</blockquote>
Lazy Continuation
You only need the > on the first line of a paragraph — subsequent lines are included automatically:
> This is a blockquote
that continues on this line.
However, for clarity, most style guides recommend placing > on every line.
Nested Blockquotes
Add additional > characters for nesting:
> Outer quote
>> Nested quote
>>> Deeply nested quote
Converts to:
<blockquote>
<p>Outer quote</p>
<blockquote>
<p>Nested quote</p>
<blockquote>
<p>Deeply nested quote</p>
</blockquote>
</blockquote>
</blockquote>
Blockquotes with Other Elements
Blockquotes can contain headings, lists, code blocks, and other Markdown elements:
> ### Important Note
>
> - Point one
> - Point two
>
> `code here`
This flexibility makes blockquotes useful for callout boxes and admonitions in documentation.
Use Case
Blockquotes are used for citing external sources in blog posts, creating callout/admonition boxes in documentation, displaying quoted messages in chat applications, and highlighting important notes or warnings in technical content.