Skip to main content
Drupal is a registered trademark of Dries Buytaert
Release: OpenID Connect / OAuth client 3.0.0-alpha9 — New alpha version released for module openid_connect (3.0.0-alpha9). Release: Opensolr Search 4.5.0 — Minor update available for module opensolr_search (4.5.0). Release: Timelinr 1.0.1 — Minor update available for module timelinr (1.0.1). Usage Milestone: Simplify — Module simplify crossed 10,000 active installs. Usage Milestone: Views Reference Filter — Module entityreference_filter crossed 10,000 active installs. Usage Milestone: Dropdown Language — Module dropdown_language crossed 10,000 active installs. Usage Milestone: Paragraphs Browser — Module paragraphs_browser crossed 10,000 active installs. Usage Milestone: OpenAPI — Module openapi crossed 10,000 active installs. Usage Milestone: Decoupled Router — Module decoupled_router crossed 10,000 active installs. Module Revived: Entityqueue Buttons 1.1.2 — Module entityqueue_buttons updated after 8 months of inactivity (1.1.2).
View on drupal.org

This module automatically applies Drupal image styles to images inserted directly into text editor content, ensuring consistency and optimization. It works with various editors and can be configured to use specific image styles for inline and background images.

Editor Image Styles automatically applies Drupal image styles to inline images and background images in text editor content.
It helps site builders ensure images added through editors like CKEditor 5 and Gutenberg are optimized and consistently styled.

Features

  • Applies Drupal image styles to inline <img> tags and CSS background-image URLs.
  • Configurable image style selection (e.g., thumbnail, large, custom).
  • Supports a base path setting to detect images in content.
  • Optional support for background images.
  • Works with any filter-enabled editor such as CKEditor 5 and Gutenberg.

This module is useful when editors insert images directly in text areas but you still want those images delivered through Drupal’s image style system for better performance and design consistency.

Post-Installation

  1. Go to Configuration → Content Authoring → Editor Image Styles and select your preferred settings.
  2. Navigate to Configuration → Content Authoring → Text formats and editors.
  3. Edit the text format you want (e.g., Full HTML or Gutenberg).
  4. Enable the Editor Image Styles filter and place it in the correct filter order (after HTML filtering, before cache filters).

Once configured, images in your text editor content will automatically use the defined image style.

Additional Requirements

  • No additional modules beyond Drupal core are required.
  • Compatible with Drupal 10 and Drupal 11.

Recommended modules/libraries

Similar projects

  • Filter module (core) – Provides generic filtering but does not support Drupal image styles in editor content.
  • Responsive Image (core) – Focused on <picture> elements and breakpoints, not inline or background images inside editors.

Editor Image Styles fills the gap by applying Drupal image styles directly to text editor content.

Supporting this Module

Development is community-driven. Feedback, contributions, and issue reports are welcome via the issue queue.

Community Documentation

Project page: Editor Image Styles on Drupal.org
Contributions, demos, and documentation can be shared through the issue queue.

Depends on

Dependencies of the latest stable release

No dependencies recorded for this project.

Required by

Tracked projects that depend on this one

No tracked projects depend on this one yet.

Activity

Tracked releases
1
Tracked since
Sep 2025
Latest release
11 months ago
Releases (12 mo)
1 ▲ from 0
Maintenance
Slowing

Releases

Version Type Core Release date
1.0.x-dev Dev 10–11 Sep 28, 2025