Skip to main content
GrN.dk

Main navigation

  • Articles
  • Contact
  • Your Digital Project Manager
  • About Greg Nowak
  • Services
  • Portfolio
  • Container
    • Excel Freelancer
    • Kubuntu - tips and tricks
    • Linux Apache MySQL and PHP
    • News
    • Image Gallery
User account menu
  • Log in

Breadcrumb

  1. Home

Copy and Paste Images from the Clipboard in Drupal

By Greg Nowak. Last updated 2026-06-19.

If your editors regularly paste screenshots from Slack, a browser, or a desktop snipping tool into Drupal, this can be a genuine time-saver. It can also become a low-grade support problem when the setup is only half right: images appear in the editor, disappear on save, land in the wrong place, or bypass any useful asset governance. The original note behind this page pointed to older Drupal 8-era add-ons. As of June 19, 2026, that advice is outdated. On modern Drupal, clipboard image handling is mainly a CKEditor 5 and text-format setup question, plus a decision about when direct paste is fine and when Media Library should be the rule.

The short answer in 2026

For a current Drupal site, start with core, not legacy contrib. The Drupal.org page for Image from Word now says the module is no longer required for Drupal 9.3 and later because the relevant behavior works from core with CKEditor 5. The older CKEditor Upload Image project sits in the CKEditor 4 ecosystem and currently has no supported stable releases. That is the practical dividing line: if your site is on Drupal 10 or 11, this is usually a configuration and workflow task, not a hunt for yet another upload module.

Just as important, do not solve clipboard pasting by allowing base64 image blobs to live inside stored HTML. CKEditor's own documentation warns that this creates heavier content, slower transfers, and no browser caching. For a real business site, you want uploaded files or managed media items, not giant data URIs buried in the body field.

Editorial need Best fit Why
Editors paste one-off screenshots CKEditor 5 clipboard upload in core Fastest route for operational content when reuse and asset governance are not the main concern.
Shared assets used across many pages Media Library Better for reuse, permissions, alt text, and consistent display rules.
Site still depends on CKEditor 4-era contrib Upgrade plan first Legacy upload modules are not the right foundation for a current Drupal content workflow.
Custom or decoupled editorial UI Supported CKEditor 5 upload adapter plus server endpoint Default Drupal editor behavior does not automatically transfer to custom integrations.
A simple decision rule: use direct paste for fast screenshots, and Media Library when the image needs reuse, governance, or a consistent presentation model.

Recommended setup for most Drupal teams

  1. Configure the text format editors actually use. Go to /admin/config/content/formats, open the format tied to day-to-day editing, often Basic HTML, and confirm it uses CKEditor 5. Test with a normal editor account, not only a site builder login.
  2. Allow direct paste for quick, one-off images. This is the right fit for support screenshots, annotated browser captures, and internal knowledge-base visuals that do not need long-term reuse. If an image appears while editing but vanishes after save, the first things to inspect are the text format rules and upload permissions.
  3. Use Media Library for reusable or governed assets. Drupal's current Media Library guidance for CKEditor 5 recommends adding the Media Library button to the toolbar and enabling the Embed media filter. That is the better route for logos, campaign images, product photography, and anything that should be reused across pages with consistent handling.
  4. Treat custom editorial interfaces as a separate implementation. If your team edits content through a custom admin screen, a decoupled front end, or a bespoke workflow tool, do not assume Drupal's default editor behavior will carry over. CKEditor 5's supported upload flow expects a server-side upload endpoint and server-side file filtering.

Operational checks that prevent editor frustration

  • Decide where direct paste is allowed. A simple rule works well: pasted screenshots are fine, brand assets go through Media Library.
  • Set file-type and size expectations. High-DPI screenshots can be much larger than people expect, and that affects storage, review speed, and page weight.
  • Be explicit about alt text. If editors paste procedural screenshots, decide whether they must add descriptive alt text immediately or whether the image is decorative in context.
  • Test more than one source. Clipboard pasting should be checked from operating-system screenshots, Word, Google Docs, and the browser tools your editors actually use.
  • Think about clean-up. Direct paste is fast, but it can create lots of near-duplicate files unless someone owns retention and reuse policy.

If your team manages Drupal configuration in code, a quick Drush sanity check is still useful:

drush pm:list --status=enabled --type=module | grep -E 'ckeditor5|media|media_library|image'
drush cex -y
drush cr

Where teams usually get stuck

The hard part is rarely the paste action itself. The hard part is deciding how editorial speed, content governance, and front-end consistency should work together. Teams often want the convenience of pasting everything directly into the editor, then later discover they also want central asset reuse, reliable alt text, consistent crops, and fewer duplicates. Those are not the same workflow.

A practical compromise is to support both routes on purpose. Let editors paste quick screenshots when speed matters. Require Media Library for assets with a longer shelf life or a design standard attached to them. That gives operations leads a clear rule, gives agency teams a cleaner implementation brief, and keeps content editors out of the middle of a technical argument they should not need to solve on every page.

If your Drupal team is still relying on CKEditor 4-era advice, disappearing pasted images, or an unclear split between pasted files and managed media, the fix is usually smaller than a rebuild but larger than a one-click module install. It is a short review of text formats, upload handling, and editorial policy. That is exactly the kind of cleanup worth doing once, properly.

Related on GrN.dk

  • Drupal 8 Inline Responsive Images: Practical Setup for Legacy Sites
  • Inline Image Pasting in Drupal
  • When Google can call the business, your local data stops being cosmetic

Need help with this kind of work?

Need this standardized across a Drupal team? Greg can help align CKEditor, Media Library, and publishing rules without turning it into a larger rebuild than necessary. Get in touch with Greg.

Sources

  • Image from Word | Drupal.org
  • CKEditor Upload Image | Drupal.org
  • Image upload overview | CKEditor 5 Documentation
  • Base64 upload adapter | CKEditor 5 Documentation
  • Embedding media with CKEditor 5 | Drupal.org
Last modified
2026-06-19

Tags

  • Drupal
  • CKEditor 5
  • Media Library
  • Content Operations
  • Log in to post comments

Review Greg on Google

Greg Nowak Google Reviews

 

Hand-drawn sketch infographic summarizing: Drupal's June security bundle exposes fragile Composer update habits
Drupal's June security bundle exposes fragile Composer update habits
2026-06-22

Drupal's June 2026 security releases show why Composer updates need staging, dependency review, JSON:API checks, oEmbed settings, and a runbook.

Hand-drawn sketch infographic summarizing: Model Retirements Are Quietly Breaking AI Integrations
Model Retirements Are Quietly Breaking AI Integrations
2026-06-23

Hard-coded AI model IDs can fail when vendors retire models. A practical guide to finding, testing, and migrating integrations before shutdown dates arrive.

Hand-drawn sketch infographic summarizing: If the Facts Need JavaScript, AI Search May Miss the Full Page
If the Facts Need JavaScript, AI Search May Miss the Full Page
2026-07-14

A practical guide to finding and fixing JavaScript rendering gaps that can hide services, prices, contact details and metadata from AI search crawlers.

Hand-drawn sketch infographic summarizing: WordPress Speculative Loading Needs a Cart, Analytics, and Cache Test
WordPress Speculative Loading Needs a Cart, Analytics, and Cache Test
2026-06-24

WordPress 6.8 adds cautious speculative loading. Before enabling stronger prerendering, test cart state, analytics, personalization, and cache load.

Hand-drawn sketch infographic summarizing: ChatGPT Is Becoming Office Software: Put Admin Hygiene First
ChatGPT Is Becoming Office Software: Put Admin Hygiene First
2026-06-24

ChatGPT now has files, sessions, apps, and scheduled work. Treat it like office software: audit access, clean up retained data, and limit risk.

Hand-drawn sketch infographic summarizing: Search Console Can See Social Posts—Your Reports Need a New Map
Search Console Can See Social Posts—Your Reports Need a New Map
2026-07-13

Search Console now reports how social posts perform across Google. Here’s a practical way to manage properties, permissions, baselines and exports.

Hand-drawn sketch infographic summarizing: WordPress Now Speaks AI; Plugins Still Need Real Guardrails
WordPress 7.0 Has an AI Client. Plugins Need Their Own Guardrails
2026-07-12

WordPress 7.0 standardizes how plugins call AI providers, while leaving developers responsible for access control, cost limits, capability checks and graceful failures.

Hand-drawn sketch infographic summarizing: AI images need a media-library audit before they reach clients
AI images need a media-library audit before they reach clients
2026-06-24

AI-generated images can carry provenance signals, but CMS resizing, plugins, and CDNs may change them. Audit the media path before delivery.

Hand-drawn sketch infographic summarizing: AI disclosure rules belong in the CMS, not a spreadsheet
AI disclosure rules belong in the CMS, not a spreadsheet
2026-06-26

AI-assisted publishing needs visible disclosure choices, review evidence, and SEO checks inside the CMS, not in a side spreadsheet.

Hand-drawn sketch infographic summarizing: The risky part of AI workflow pilots is often the OAuth screen
The risky part of AI workflow pilots is often the OAuth screen
2026-06-26

AI workflow pilots can fail at the access layer. Review OAuth scopes, API keys, service accounts, and revocation paths before launch.

More articles
RSS feed

GrN.dk web platforms, web optimization, data analysis, data handling and logistics.