CKEditor iFrame

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.