This module is included in DXPR CMS.

Professional image editing directly within Drupal - no external software needed. Perfect for enhancing any image including AI-generated content with a full-featured editor that creates proper media revisions.

You need Toast Image Editor if

• You're using AI-generated images and need to fine-tune them in your workflow
• Your content editors need to crop, resize, or adjust images without leaving Drupal
• You want to maintain image revision history for rollback capability
• You need to add text overlays, watermarks, or annotations to any images

Features

Photo Manipulation

• Crop: Free crop or aspect ratio presets (16:9, 4:3, 1:1, custom)
• Flip & Rotation: Horizontal/vertical flip, 90° rotations, custom angles
• Drawing: Free drawing with customizable brush size and colors
• Shapes: Rectangle, circle, triangle with fill and stroke options
• Icons: Built-in icon library for annotations
• Text: Add text overlays with font, size, color, and alignment control
• Mask & Filters: Apply masks and professional image filters

Powerful Filter Functions

• Classic Filters: Grayscale, Sepia, Invert, Blur, Sharpen
• Advanced Effects: Emboss, Remove White, Pixelate, Noise
• Color Adjustments: Brightness, Contrast, Tint, Color Filter
• Blend Modes: Multiply, Screen, Difference, Lighten

Integration Features

• Download: Export edited images in multiple formats
• Undo/Redo: Full history with keyboard shortcuts (Ctrl+Z/Ctrl+Y)
• Reset: Quickly revert all changes
• Object Management: Delete individual shapes, lines, text, or mask images
• Media Revisions: Automatically creates new revisions, preserving originals

How to Use Toast Image Editor

Once installed, Toast Image Editor integrates directly into your Drupal media edit forms:

Editing Images

1. Go to Content → Media (/admin/content/media)
2. Click "Edit" on any image media item
3. Scroll down to the "Image Editor" section
4. Use the editor tools to crop, draw, add text, apply filters, etc.
5. Click "Save" to save your changes and create a new revision

Quick Access

• From content editing: When editing content with image fields, click "Edit" on any image
• Direct editing: The editor appears automatically on image media edit forms
• Immediate availability: No separate interface - editing happens within the standard media form

Getting Started

1. Install with composer require drupal/toast_image_editor
2. Run drush en toast_image_editor
3. Configure at /admin/config/media/toast-image-editor
4. Set permissions at /admin/people/permissions#module-toast_image_editor
5. Start editing images immediately through the Media library

Theme Customization

Choose between professionally designed themes:

• White Theme: Clean, bright interface ideal for daytime editing
• Black Theme: Dark mode for reduced eye strain and focused editing

Cross-browser Support

• Works everywhere - widely supported including legacy browsers (IE10+)
• Responsive design - adapts to various display sizes (minimum 550×450px)
• Touch-enabled - supports tablets and touch screens

Why Choose Toast Image Editor?

For Content Editors

• No External Software: Edit images directly in Drupal without Photoshop
• Familiar Interface: Intuitive tools similar to desktop image editors
• Quick Edits: Crop, resize, and adjust images in seconds
• Professional Results: Access to filters and effects used by designers

For Modern Workflows

• AI Integration Ready: Perfect for refining AI-generated images in your content workflow
• Streamlined Process: Upload, edit, and publish without leaving Drupal
• Complete Revision History: Track all image changes with proper version control
• Workflow Efficiency: Keep editors in Drupal, reducing context switching

Requirements

• Drupal 10.3+ or 11.0+
• Media module (core)
• PHP 8.1+
• Node.js and npm (for initial asset setup)

Toast Image Editor provides a complete image editing suite within your browser, combining the power of desktop software with the convenience of web-based editing, all while maintaining Drupal's revision control and security standards.