Add style format select in richtext toolbar

[ldecoker]

Hello!

before Gutenberg, I added custom style format using ‘tiny_mce_before_init’ and the ‘style_formats’ variable. With gutenberg, this is not used anymore. How can I replace it? I found a guideline to add a button in the richtext toolbar but if I need to add a button for each style format, my list will be quite big.

Thx in advance!

[Zac Gordon]

What is it exactly you’re trying to style?

[ldecoker]

Hello Zac,

Text in paragraph block. For example, by selecting a portion of the text and applying a class (in a span tag for example). Then with css, I can do whatever I want as style (color, font, icon, ..)

[Zac Gordon]

You want to look into the formatting API for this I believe then 🙂

https://developer.wordpress.org/block-editor/tutorials/format-api/

[ldecoker]

Hi Zac,

That was indeed the documentation I used but this would add a single button to the paragraph block. I have several formatting option and would like to add it in a select. Do you know if this is possible?

thx!

[Author]

Posts