Add Inline Inspector for the core/paragraph block to add classes to HTML-tags.

[markvanwijnen]

Inline Inspector

You have block-level styles. However there are multiple occasions where within the core/paragraph block you need to set class names (styles) to HTML tags. Now the only way to do that is by editing the HTML and adding it manually.

It would be nice if developers could hook into the core/paragraph block to add HTML-tag styles and for the editor to easily pick between the available styles.

For instance:

[{
    title: 'Button',
    tagName: 'a',
    className: 'button-link'
},{
  title: 'More',
  tagName: 'a',
  className: 'more-link'
}]

Next to the Document Inspector and Block Inspector, it would be nice if there would be an Inline Inspector. This will show options such as Styles and Advanced > Extra CSS class to add/edit classes to the current tag in the editor.

[paaljoachim]

Hey @markvanwijnen

Thanks for creating the issue!
A lot of time has passed.
Is this issue still relevant?

[skorasaurus]

Came across this while looking for another paragraph issue; but yes, this issue is still relevant and open as of Gutenberg 17.4.

This might already be possible to build upon yourself using the https://github.com/WordPress/gutenberg/tree/2c247e2ae62b5d61dcdf5c634c13c7ccf0731b0d/packages/format-library/src using the format-library but not sure if there's a way to extend/hook into the format-library to do that.