Add Block: Quote

[mtias]

Attributes

• Alignment: None, Left, Right, Center, Full Bleed.
• Alternative style of quote.
• Cite (fixed field).

Markup

<!-- wp:quote -->
<blockquote>
    <p>The quick brown fox jumps over the lazy dog.</p>
    <cite>Author</cite>
</blockquote>
<!-- /wp -->

States (see all)

[BE-Webdesign]

Going to try to do a PR for this.

[ellatrix]

Can blockquotes have things like headings and lists? If so, how can they be added and changed?

[joyously]

Can blockquotes have things like headings and lists?

Yes, HTML is fairly liberal about nesting. Since a blockquote is an extended quotation, it can have lots of different HTML elements that are flow content.

And did you know that there is a cite attribute for the blockquote element? It is distinct from a separate cite element.

[ellatrix]

@joyously I know it's possible in HTML and the current editor. Asking about this particular block. I think that some blocks might need to act as "container blocks". Blockquote is a good example, and there are plenty of sites that have stuff like an aside/explainer.

[joyously]

I was talking about this particular block also. It's similar to what I commented on the Text block: "do you parse it as they edit and make it into other blocks or let them put whatever they want?".
As stated, the markup for this block can contain other HTML elements. But the <p> tags cannot. I think those should be removed.

[mtias]

In my research, markup for quotes is not trivial. Some use <footer> instead of cite, for instance.

Also keep in mind the second style of block is similar to the purpose of the quote post-format. Interestingly, shortcake shows a very similar example where the need for a separate source attribute is clearer.

[youknowriad]

Closing this. All quote features are there I think. And we can open specific issues anyway.