Gutenberg: No ability to indent

[michaelswengel]

Is your feature request related to a problem? Please describe.
In the old WP editor, we had the ability to indent paragraphs, list items, or whole sections of text at will. Gutenberg apparently provides no way to do this. This is a feature that I used very very frequently and need to have.

For example, items under an H3/H4 could be indented under an H2 if needed. One use case would be something like the following:

3 Reasons Gutenberg Needs Better Indentation Control

      Reason 1 Heading Here
      P: Reason 1 paragraph text here. This type of formatting wouldn't work as a typical list item.

      Reason 2 Heading Here
      P: Reason 2 paragraph text here.

      Reason 3 Heading Here
      P: Reason 3 paragraph text here.

Next major point of article.

This type of formatting makes posts far easier to follow visually and better organizes information. Hopefully this makes sense.

Describe the solution you'd like
I would like to see native indent/outdent abilities return in Gutenberg. This is the ideal (and honestly, only) solution.

Describe alternatives you've considered
Using a classic block or the classic editor is not a solution as these will be going away in the future. While this can be done to a limited extent via HTML, most people are not comfortable with HTML/CSS and should not be required to use it to do what was so easy to do in the old editor.

PLEASE bring native indenting to Gutenberg.

[vesaraiskila]

I wholeheartedly support adding the ability to indent paragraphs and other items. We, too, do that all the time. It is strange that this feature has been omitted from Gutenberg.

As the feature is not available, one has to use an HTML solution that invariable causes an error message, although the solution works after converting the block into HTML - see my bug report at

https://github.com/WordPress/gutenberg/issues/14672

[michaelswengel]

Agreed. PLEASE bring back the ability to indent paragraphs. This is a very important feature for many of us.

[aduth]

Using a classic block [...] is not a solution as these will be going away in the future.

Can you elaborate on where this information comes from? Specifically about the block. The "Classic Editor" plugin support window being defined as through December 31, 2021, but the classic block is not part of the Classic Editor plugin.

[michaelswengel]

@aduth , the classic editor is going away we are told. Is that wrong?

Are you saying you plan to support the classic block indefinitely?

[aduth]

I'm not aware of plans to stop supporting the Classic block. It serves a different purpose from the Classic Editor plugin. The block exists largely to preserve the integrity of content produced prior to WordPress 5.0. The plugin serves to restore the pre-5.0 visual interface as users transition to the new editor.

To be clear, this says nothing of whether it may be subject to future iterations in its how it looks and behaves, but I expect it would continue to exist in one form or another.

[michaelswengel]

That's good news. However, having to use the classic block for something like this doesn't exactly lend itself to a seamless, enjoyable experience with Gutenberg, and it would be awesome if we can get it baked in. :)

[vesaraiskila]

I was advised earlier to use something like this in the HTML mode to achieve paragraph indentation:

<p style="padding-left: 30px;">A paragraph to be indented</p>

However, doing that invokes an error message, and after resolving it in a way that maintains the indentation, the block can only be edited in HTML mode, which is cumbersome.

So, an important feature has been omitted, and a solution around it has significant problems of its own.
I submitted a report about the latter at

14672

[noahkarp]

As a newbie to WP, I assumed that indenting text blocks would be an indispensable function. I took it for granted that moving to Gutenberg would preserve that functionality.

I like Gutenberg so far, but this is a terrible limitation. On our site we indent text all the time for literary quotations etc, and not having a simple tool for doing this is perplexing.

PLEASE BRING BACK INDENT.

[ghost]

I just started using WP and like other have said you can edit as HTML, but it throws an error at you. In addition, that block will remain in HTML format only from that point on. I thought Gutenberg was suppose to bring about simplicity?

In writing, starting a new paragraph should be indented, omitting such a basic writing concept is absurd.

[cvladan]

I'm stunned by the fact that indenting is not supported in Gutenberg...

[PaddyWhacks]

I agree - surely this should be part of the core functionality? Crazy that users have to edit HTML for a basic indent.

[phpbits]

@michaelswengel @PaddyWhacks I've added indent and outdent formats on EditorsKit plugin. I hope this could be a huge help. Indent will be available on the following blocks:

• Paragraph Block
• Heading Block
• List Block

Here's the preview on how the formats work. Thanks!

[michaelswengel]

Thanks Jeff. Sadly, this sort of plugin shouldn't be necessary. Hence
our concerns here.

[wpericam]

I've worked on several sites recently where this was an issue (not being able to indent the first line of a paragraph). A plugin or CSS shouldn't be necessary for a paragraph block, as others have mentioned above, because this is a common formatting need for paragraphs. Also, not all users have access to these features (ie. CSS and plugins).

Just wanted to add that I've run into this 3 or 4 times in the last month.

[jdoree]

Agreed that this should be a native feature. Its omission is shocking.

[ricjcs]

I also request this option and I even suggested it to Wordpress.com support

[LukaszJaro]

Yes, just noticed the tech writer I work with is using spaces to indent paragraphs: <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; on and on..</p>

[devisan]

...and now they've removed indent from the Classic Block. Why?

[paaljoachim]

I am using the Gutenberg plugin version 8.4.
At present time the easiest method is to add the Classic Block and use the Indent icon.
(The below is in Norwegian.)

There are a lot of areas in Gutenberg core to focus on. This feature just has not yet been added to the Paragraph block.
When someone has the time to add the feature it will likely make its way into the drop down similar to what Jeffrey did for EditorsKit.

@ellatrix I am just pinging you here so that you get a heads up about this issue.

[devisan]

Like I said above, but you apparently didn't believe, the option has been removed recently. On all my sites. It was there a couple of months ago, but it's gone now. That's why I posted here.

[paaljoachim]

Hey @devisan

I worked with a client site yesterday and could not find indentation in the paragraph block in Gutenberg so I did some searching. I added the above comment to how I indented using the classic block directly in Gutenberg and that worked alright. It is not believing or not, but what I did to create a work around. Your toolbar looks different then the Classic Block toolbar in Gutenberg.

Example from a local site:
Using the theme Twenty Twenty.

Here is the toolbar with the Classic Editor plugin installed and activated. Indentation icons are seen in the second row.

Here is the toolbar with the Gutenberg plugin 8.4 installed and activated. (Deactivated the Classic Editor plugin)

It looks like you might be using the TinyMCE Advanced plugin. It should have a way to bring back indentation through a kind of settings page.

Anyhow this issue is about getting indentation into Gutenberg.

[automattic-ian]

Getting some user feedback to add an indent capability.

[PaddyWhacks]

@michaelswengel @PaddyWhacks I've added indent and outdent formats on EditorsKit plugin. I hope this could be a huge help. Indent will be available on the following blocks:

• Paragraph Block
• Heading Block
• List Block

Here's the preview on how the formats work. Thanks!

Wonderful, thanks Jeff. Still should be in the core functionality of Gutenberg, but awesome workaround until its added

[paaljoachim]

Heya Ian @automattic-ian

It is awesome that you are looking into getting user feedback.
Looking at the existing "More rich text controls" drop down.

It would be nice to add increase and decrease indent into the drop down menu.

@ellatrix Ella, I am pinging you about this issue, as I think you might want to know about it.

[ellatrix]

Indenting a paragraph should not be added at the rich text level, but at the paragraph level, similar to alignment. You cannot control the paragraph element with rich text, only the contents. For indentation you need to add a class or style to the paragraph element.

[supernovia]

Noting another request for indentation:
https://wordpress.com/forums/topic/how-to-indent-using-block-editor/

For what it's worth I agree it should go in the paragraph styles block, although I have seen some folks ask for indentation to write poetry, when they don't want to change their font like the poetry block can.

[aristath]

Just a note here:
There is currently an undergoing effort to bring padding & margin controls to all blocks.
Once that is implemented this one will also be solved.

[supernovia]

There is currently an undergoing effort to bring padding & margin controls to all blocks.
Once that is implemented this one will also be solved.

I'm not sure that would cover indentation of paragraphs if people want to indent those.

[garretthyder]

Indenting a paragraph should not be added at the rich text level, but at the paragraph level, similar to alignment. You cannot control the paragraph element with rich text, only the contents. For indentation you need to add a class or style to the paragraph element.

From discussing in a scrub with @paaljoachim I wonder if we could instead add it to the alignment menu as indent/outdent;

We could use icons you find in most word editors;

[DavidRuaune]

garretthyder - "We could use icons you find in most word editors ..." would be great. That's what you used to have!

[garretthyder]

garretthyder - "We could use icons you find in most word editors ..." would be great. That's what you used to have!

Ah right, thanks @DavidRuaune, I forgot there was already icons present for that in the Classic Editor so we have the dashicons we'd need.