Integration & Configuration
Complete configuration reference and integration guide for the RTE CKEditor Image extension.
Changed in version 13.1.5
Added quality multipliers, noScale mode, SVG support, and new service architecture. See Quality Multipliers for quality settings.
Important
Installation Requirements
After installing the extension:
composer require netresearch/rte-ckeditor-image
Copied!
The extension automatically:
- ✅ Registers
rteWithImagespreset for backend RTE - ✅ Configures toolbar with
insertimagebutton
For frontend rendering, you must include the TypoScript:
- Static Template: Include "CKEditor Image Support" in your template
- Or direct import:
@import 'EXT:rte_ckeditor_image/Configuration/TypoScript/ImageRendering/setup.typoscript'
See Frontend Rendering for details.
Configuration Quick Reference
For Custom RTE Presets
These examples show how to create custom configurations that override the automatic defaults. If you just installed the extension and it's working, you don't need these.
Minimum Custom Toolbar
# Only needed if customizing the default toolbar
editor:
config:
toolbar:
items:
- insertimage
Copied!
Custom Toolbar with Specific Buttons
# Example: Custom preset with limited toolbar
editor:
config:
toolbar:
items:
- bold
- italic
- insertimage
Copied!
Full-Featured Custom Setup
Configuration Patterns
By Use Case
- Basic editor → Minimal Setup
- Style-aware images → Adding Image Styles
- Responsive images → Integration & Configuration
- Restricted access → File Mounts
By Component
- CKEditor plugin → Integration & Configuration
- File browser → Integration & Configuration
- Frontend rendering → Frontend Rendering
- Image processing → Image Processing Configuration