Drupal is a registered trademark of Dries Buytaert
Protected Pages 3.0.0 — Major update available for module protected_pages (3.0.0). Commerce Core 3.3.8 — Minor update available for module commerce (3.3.8). Search API HTML Element Filter 1.0.7 — Minor update available for module search_api_html_element_filter (1.0.7). Layout Builder Reorder 2.0.1 — Minor update available for module layout_builder_reorder (2.0.1). Ban 1.1.0 — Minor update available for module ban (1.1.0). Field Formatter Range 2.0.0 — Major update available for module field_formatter_range (2.0.0). Field Formatter Range 8.x-1.8 — Minor update available for module field_formatter_range (8.x-1.8). Varbase Media Header 9.2.1 — Minor update available for module varbase_media_header (9.2.1). Search API Solr 4.3.11 — Module search_api_solr updated after 14 months of inactivity (4.3.11). Provus Mega Menu — Module provus_mega_menu crossed 1,000 active installs.
← All modules

CKEditor iFrame

7,775 sites Security covered
View on drupal.org

This module adds a button to the CKEditor toolbar that allows users to embed an iframe of another webpage. It supports both CKEditor 4 and CKEditor 5, enabling easy integration of external content.

This module integrates the CKEditor iFrame Dialog for CKEditor. After installing, you will be able to add a button to the CKEditor toolbar that will allow a user to embed an iframe of some other webpage.

Drupal 10

Version 8.x-2.2 is compatible with Drupal 9 and Drupal 10. For this release & Drupal 10, note that only compatibility with CKEditor 4 is available.

Versions released in the 3.0.x branch are compatible with Drupal 9 and Drupal 10, as well as CKEditor 4 and CKEditor 5. All new development will occur in this branch.

Installation Instructions for CKEditor 5

  1. Ensure you are using a release from the 3.0.x branch or higher.
  2. Enable the module.
  3. Configure a text format that's using CKEditor 5. Drag the icon for iFrames to your toolbar
  4. Check the configuration form for the plugin to indicate what attributes you want to allow a user to enter when adding an iframe
  5. If you want to allow additional attributes that the plugin doesn't provide, you'll need to also have the "Source Editing" plugin (the "Source" button in the toolbar) added and list the additional attributes there. An editor would need to use the source button to add them.

Installation Instructions for CKEditor 4

This module requires the core CKEditor 4 module (or contrib CKEditor 4 module) and the CKEditor FakeObjects module.

  1. Download the CKEditor Iframe plugin - the latest 4.5.x version.
  2. Place the plugin in the root libraries folder (/libraries) of your site.
  3. Enable the module.
  4. Configure your editor/text format, and drag the new iFrame toolbar icon to the CKEditor toolbar. The icon is a globe.
  5. If your text format is configured to use the "Limit allowed HTML tags and correct faulty HTML" filter, then configure it to allow iframes by adding the following <iframe longdesc name scrolling src title align height frameborder width>. Remove any attributes you don't want to support.
  6. Your editors can now embed iframes by using the new toolbar button in CKEditor.

Activity

Total releases
3
First release
Mar 2025
Latest release
3 weeks ago
Releases (12 mo)
2 ▲ from 1
Maintenance
Active

Release Timeline

Releases

Version Type Release date
3.1.2 Stable Jun 23, 2026
3.1.1 Stable Aug 7, 2025
3.0.0-beta3 Pre-release Mar 26, 2025