Gutenberg: Have multiple empty paragraph breaks -> convert to spacer block

Created on 7 Sep 2019  路  8Comments  路  Source: WordPress/gutenberg

Is your feature request related to a problem? Please describe.
I find it cumbersome to have to add so many spacer blocks to gain some margin/padding in the layout. Having another quicker way to add the spacer block would help.

Describe the solution you'd like
@melchoyce mentioned this:
"One thing that could be cool re: spacer block, it automatically converting multiple paragraph breaks (say, three or more) into a spacer block."
https://github.com/WordPress/gutenberg/issues/11824#issuecomment-528918801

I found it a very interesting idea! As one could easily press enter multiple times (three or more times) and have a spacer block inserted. A lot quicker then having to manually add the spacer block.

Needs Dev [Block] Paragraph [Block] Spacer [Type] Enhancement

Most helpful comment

I think the third time you press enter, we should turn those paragraph breaks into one spacer.

All 8 comments

When would that conversion happen? Cc @melchoyce.

I think the third time you press enter, we should turn those paragraph breaks into one spacer.

I think we might need design to look this over and give it a thumbs up so we can add the need dev label. We might also need a larger discussion around this issue. I have added a comment to the core editor agenda.
@mapk

I love this idea and saw something like this with @phpbits' plugin I think.

Should we communicate to the user when this happens? Any sort of notification like a snackbar?

A snackbar is a good idea, maybe paired with an "undo" link?

These are good ideas!

I think we are about ready to get a PR going.

Here is what the notification can look like:
Convert-to-Spacer-Gutenberg

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ellatrix picture ellatrix  路  3Comments

nylen picture nylen  路  3Comments

wpalchemist picture wpalchemist  路  3Comments

spocke picture spocke  路  3Comments

mhenrylucero picture mhenrylucero  路  3Comments