Examples & Use Cases
Practical, ready-to-use examples for common implementation scenarios with rte_ckeditor_image.
Table of Contents
Examples by Topic
🚀 Basic Integration
Minimal setup guide for getting basic image functionality working quickly. Perfect for new installations and quick starts.
🔗 Linked Images
Configure click behavior, link browser integration, and URL parameters. Complete guide for creating linked and clickable images.
🎨 Image Styles
Configure custom image styles with Bootstrap classes, CSS groups, and style dropdowns. Includes both framework-based and custom CSS approaches.
📱 Responsive Images
Implement responsive images with automatic srcset generation and multiple breakpoints. Complete PHP implementation with result examples.
⭐ Advanced Features
Add lightbox functionality with PhotoSwipe and implement lazy loading for performance. Includes both native browser lazy loading and Intersection Observer fallbacks.
🔌 Custom Extensions
Extend the image plugin with custom dialog fields, external image handling, multi-language support, and automatic backend processing hooks.
✅ Testing
Functional and unit test examples for ensuring quality and preventing regressions. Includes controller tests and database hook tests.
🎭 Template Overrides
Customize image rendering output by overriding Fluid templates. Includes Bootstrap integration, PhotoSwipe lightbox, and lazy loading examples.
Quick Reference Links
- Integration & Configuration - Complete configuration guide
- CKEditor Plugin Development - Extend the plugin
- Controllers API - Controller APIs
- Troubleshooting & Support - Problem solving