---
title: "Examples & Use Cases"
manual: "RTE CKEditor Image"
version: "main"
permalink: "https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-common-use-cases@main"
source: "Examples/Index.rst"
rendered: "2026-10-01T01:27:51+00:00"
---

# Examples & Use Cases {#examples-common-use-cases}

Practical, ready-to-use examples for common implementation scenarios with rte_ckeditor_image.

**Table of Contents**

-   [Examples by Topic](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-by-topic@main)
-   [Quick Reference Links](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:quick-reference-links@main)

## Examples by Topic {#examples-by-topic}

**🚀 Basic Integration**

Minimal setup guide for getting basic image functionality working quickly.
Perfect for new installations and quick starts.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-basic-integration@main)

**🔗 Linked Images**

Configure click behavior, link browser integration, and URL parameters.
Complete guide for creating linked and clickable images.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-linked-images@main)

**🎨 Image Styles**

Configure custom image styles with Bootstrap classes, CSS groups, and style dropdowns.
Includes both framework-based and custom CSS approaches.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-image-styles@main)

**📱 Responsive Images**

Implement responsive images with automatic srcset generation and multiple breakpoints.
Complete PHP implementation with result examples.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-responsive-images@main)

**⭐ Advanced Features**

Add lightbox functionality with PhotoSwipe and implement lazy loading for performance.
Includes both native browser lazy loading and Intersection Observer fallbacks.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-advanced-features@main)

**🔌 Custom Extensions**

Extend the image plugin with custom dialog fields, external image handling,
multi-language support, and automatic backend processing hooks.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-custom-extensions@main)

**✅ Testing**

Functional and unit test examples for ensuring quality and preventing regressions.
Includes controller tests and database hook tests.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-testing@main)

**🎭 Template Overrides**

Customize image rendering output by overriding Fluid templates.
Includes Bootstrap integration, PhotoSwipe lightbox, and lazy loading examples.

[Read more](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:examples-template-overrides@main)

## Quick Reference Links {#quick-reference-links}

-   [Integration & Configuration](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:integration@main) \- Complete configuration guide
-   [CKEditor Plugin Development](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:ckeditor-plugin-development@main) \- Extend the plugin
-   [Controllers API](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:api-controllers@main) \- Controller APIs
-   [Troubleshooting & Support](https://docs.typo3.org/permalink/netresearch/rte-ckeditor-image:troubleshooting-index@main) \- Problem solving