CKEditor5 Pullquote

CKEditor 5 Pullquote adds a pullquote toolbar button to your CKEditor 5 text editor. Select any text in your content and pull it out as a styled floating quote, or write a standalone custom quote, without leaving the editor.

Features

• Pull from text: select a passage and mark it as a pullquote. A small script automatically clones it into a floated aside next to its paragraph, so the original text stays in the body flow while the quote appears as a visual pull-out.
• Custom quote: insert a standalone pullquote with independently authored text, separate from the body copy.
• Alternating layout: odd/even classes are applied automatically across all pullquotes on the page, making it easy to alternate left/right float direction with CSS alone.
• No configuration UI: install, add the button to your toolbar, done.
• Theme-ready: the module ships with minimal default styles. Override them in your theme to match your design system.

Post-Installation

1. Go to Configuration → Content authoring → Text formats and editors.
2. Edit the text format you want to add the button to (e.g. Full HTML).
3. Drag the Pullquote button into the CKEditor 5 toolbar.
4. Save. The required HTML tags (<pullquote>, <pulledquote>) are registered automatically.

The module attaches a small frontend behaviour and stylesheet on every page. No block placement or additional configuration needed.

Additional Requirements

• Drupal 10 or 11
• CKEditor 5 (included in Drupal core)
• Filter module (included in Drupal core)

No external libraries or contributed dependencies required.

Recommended modules/libraries

None required. For styling, add CSS rules for the <pulledquote> element in your theme.

Similar projects

• Pullquote: a Drupal 7 module that parsed text patterns to generate pullquotes. Not maintained for Drupal 10/11 and uses a completely different approach (text pattern parsing rather than a CKEditor button). CKEditor 5 Pullquote is the modern, editor-native replacement.