Insert

Insert is a utility that makes inserting images and links to files into the body field and other WYSIWYG editors or text areas much easier by adding a simple JavaScript-based button and optional controls to file and image fields. Images may be inserted using any image style preset. Insert may also be interfaced to by other modules for inserting custom content.

Drupal 8/9/10

CKEditor 5 compatibility is in development and supported in the latest 3.0.0 beta release. Check issue #3314446 for additional information.

Features

• Insert files as file links from file fields.
• Insert images using any image style preset from image and file fields.
• Compatible to any file field and image field widget—for example, use Insert with you favourite crop widget.
• Embed audio and video files uploaded to file fields.
• Automatic Insert option places or embeds files according to their file types.
• Flexible text input synchronisation, e.g. for synchronising the image alt attribute.
• Optionally link images to an image style derivative or to the original image.
• Optionally use the image title as caption.
• Optional image alignment controls.
• Optional image rotation controls.
• Per-field configuration of all relevant settings.
• User-friendly interface: As per configuration, Insert may be configured to display nothing more than the Insert button.
• Programming interface using hooks and JS events that may be used by other modules to integrate Insert functionality.

Please note the module documentation pages for configuration instructions as well as for limitations of the Insert module.

Submodules bundled with Insert

Insert Colorbox

Interfaces to the Colorbox module to enable placing images that open a colorbox when clicked.

Insert Media (experimental)

Interfaces to Drupal core’s Media Library module widget (Drupal ≧ 8.6) by adding Insert functionality to each media item appearing in the Media Library widget.

Insert Responsive Image (experimental)

Interfaces to Drupal core’s Responsive Image module allowing to place responsive images.

Insert was rewritten for Drupal 8 and is maintained by H. Snater.

Drupal 7

Features

• Support for all major WYSIWYG editors, including tinyMCE, CKeditor, the WYSIWYG project (the recommended approach), and plain text areas.
• Insert images using any of your image styles.
• Maximum width setting for inserted images (for combined use with the Image Resize Filter module).
• Per-field insert configuration.

Insert for Drupal 7 was originally developed by quicksketch.