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.
- Cite support: optionally attribute a pullquote to a source. The citation is visually hidden in the editor but included in the rendered markup.
- Style variants: apply predefined style classes to individual pullquotes from the toolbar dropdown. Variants are configured in your text format settings and applied as CSS classes.
- 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.
- Theme-ready: the module ships with minimal default styles. Override them in your theme to match your design system.
Post-Installation
- Go to Configuration → Content authoring → Text formats and editors.
- Edit the text format you want to add the button to (e.g. Full HTML).
- Drag the Pullquote button into the CKEditor 5 toolbar.
- Save. The required HTML tags (
<pullquote>,<pulledquote>,<cite>) are registered automatically.
To enable style variants, open the plugin settings for the Pullquote button in your text format and add one or more variants, one per line in the format class|Label (e.g. box|Box with background). Defined variants appear in the toolbar dropdown for editors to apply per quote.
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. If you use style variants, add rules for each variant class as well.
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.