Custom Text Formats


Custom Text Formats lets you add custom text formats to the Gutenberg Editor. Register a new format by adding a class to a chosen tag and add a format icon. There are several to choose from but you can also add your own. You can set the format as a regular selection wrap but you can also render out content in a single block, like an icon or other text or html content. Then add css styling to the class to control the behavior of the text format. You can use different css for backend and frontend.

Not for the code allergic

This plugin requires basic css and html skills so if you are allergic to code, this plugin is not for you.

Suggestions and opinions

If you like this plugin, I would be really happy if you would rate and review it! If you don’t like it and/or have ideas and suggestions for improvement, please let me know in the support forum.


  • Example of a preamble text format.
  • The preamble text format in editor view.
  • Example of a yellow marker text format.
  • The yellow marker text format in editor view.
  • Example of a Award Icon text format. This is an example of a single content format. Instead of wrapping a text selection, you just place the cursor where you want the content and click the format button, and the content, in this case an award icon, will be placed at thecursor position.
  • The award icon text format in editor view.


This simple feature plugin allows me to set complex styling up for non-technical users to easily use. This is one of those plugins I consider a "hidden gem."


“Custom Text Formats” 是开源软件。 以下人员对此插件做出了贡献。


“Custom Text Formats”插件已被翻译至2种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Custom Text Formats”翻译成您的语言。