Javascript Pullquotes

Description:

This plugin is a wrapper for some Javascript and CSS by Roger Johansson. It allows you to make pullquotes in your posts without duplicating any content (i.e. making them manually). This is done via Javascript and it it makes it easy to disable them later on if you wish and makes it so that duplicate content doesn’t show up in your feeds.

Example:

I’ve disabled this plugin on my blog, so this example no longer works.

While “Epsum factorial non deposit quid pro quo hic escorol.” appears twice here, it’s actually only in the post source once. It’s just wrapped in a <span> and copied and displayed via Javascript. And if this plugin is deactivated, the pullquote gracefully disappears.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum.

Download:

A Couple Notes / Issues:

  • This plugin does not make a button in TinyMCE (the rich text / WYSIWYG editor). You can still manually add the required <span> to your posts to get it to work, but only the plain, HTML editor will have a button to make your life easier.
  • The “Close Tags” button does not close the tag of this plugin. While I could probably get it insert the close tag when clicked, I doubt I could get it to work in the right tag order, so I just left it out and up to you to click the button again when done. 😉

Customization:

Don’t like how the pullquotes show up? Feel free to edit the CSS file located in the plugin’s folder. It’s what controls the look of them.

Comments are closed.