"Pullquotes", as described here, differ from blockquotes because they duplicate a section of text within the page, and pullquotes get styled in a way that draws the reader's attention to the quote. As such, one simple solution that I've been using is to allow content editors to select a section of text while editing and click a button in the interface to designate it as a pullquote.
TL;DR: Grab your copy on GitHub today.
A quick overview of what's needed
We'll walk through the various pieces required in order to get this working on your site, but it can be summarized in three basic parts:
- The module code for the ckeditor plugin
- Configuring at least one of your text formatters to include the pullquote button
- Adding the js and css to your theme for the site
Adding the Plugin
At this point, I'm not planning to release this as a contrib module for Drupal. If you are interested in doing that, however, then please know you have my full blessing. On projects where pullquotes are required, I tend to simply add them to a small, custom module that includes all of the specific administration tweaks for that project. If you choose to download the GitHub repo, then you can simply drop the "pullquotes" folder into
drush en pullquotes. If you want to add it to a different custom module, simply update the appropriate paths in
Configuring a Text Format
The next step is to add the ckeditor button to one of your text formats at
/admin/config/content/formats. See the image pictured below.
If the format includes "Limit allowed HTML tags and correct faulty HTML", then be sure to add
Theming the pullquotes
- your theme info file
- your theme library file
- the scss (or css) file
That wraps up this simple tutorial. You can now rest assured that your readers will never miss an important quote again. The strategy is in no way bulletproof, and so its mileage may vary, but if you have questions, feedback, or suggestions on how this strategy can be improved, please add your comment below.