Directory / plugin

Formatting Extender

v3.0.1 · by Gaurav Tiwari

Apply CSS classes to selected text or whole blocks, with class suggestions, inline badges, highlights, and theme-palette colors.

About this plugin

Formatting Extender brings your site’s CSS classes into the WordPress Block Editor. Apply a class to a few words or a whole block, reuse classes suggested by your theme, and add inline badges or highlights without switching to the code editor.

What you can do

  • Style selected text or a block: choose the scope, inspect existing classes, edit them, or clear them. Repeated class names are removed automatically.
  • Find your theme’s classes: developers can supply categorized suggestions through the formatting_extender_css_classes filter. Use the arrow keys to browse suggestions and Enter to choose one.
  • Add inline badges: give short labels such as New, Updated, or Important their own background without creating another block.
  • Highlight useful details: emphasize a phrase while keeping it in the surrounding paragraph, heading, list item, or button text.
  • Choose colors: use your theme’s palette or custom text and background colors. Badge presets include Neutral, Info, Success, and Warning, with a preview, contrast feedback, and a reset control.
  • Keep existing formatting: custom class edits preserve links, bold text, and other formats. Existing badge, highlight, and custom-class content needs no migration.

There is no settings page, account requirement, or separate dashboard. The editing JavaScript loads only in the Block Editor. A small shared stylesheet displays the built-in badge and highlight styles on the frontend and inside the editor canvas.

Formatting Extender assigns class names; your theme or another plugin supplies their CSS. Built-in badges and highlights work immediately. Developers can adjust their defaults through documented CSS variables.

Development happens in the open on GitHub, where bug reports and pull requests are welcome.

Links

External Services

Formatting Extender does not contact external services or collect telemetry. Formatting and class suggestions run locally in the editor, and the plugin’s styles are served from your WordPress installation.

Plugin tags