jQuery Plugin For Turning Html Content Into Tweetable Quotes - ProQuo

File Size: 4.61 KB
Views Total: 1815
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Turning Html Content Into Tweetable Quotes - ProQuo

ProQuo is a small jQuery plugin that enables you to turn any part of your HTML content into “tweetable” quotes. jQuery ProQuo provides an easy way to encourage your readers to spread your content through twitter.

How it works:

  • Automatically determines proper text length and adds ellipsis in the tweet if the text needs to be truncated
  • Includes a link back to the page that the quote was tweeted from (by default).
  • Note: Twitter auto-shortens this link so they aren't taking up more than 20 characters even if they appear longer in the tweet window.
  • Adds a “Tweet this” link to the tweetable element
  • Auto-loads the Twitter widgets script if it's not already available on the page.

Basicu Usage:

1. Include jQuery library and jQuery ProQuo plugin on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="js/jquery.proquo.js"></script>

2. Markup html structure

<blockquote class="tweet">
jQuery ProQuo: Turn any part of your content into &ldquo;tweetable&rdquo; quotes.
</blockquote>

3. Call the plugin with options

<script>
$('blockquote.tweet').proQuo()
</script>

4. Options

$('blockquote.tweet').proQuo({

// The label that will be used in the tweet link. 
tweetLabel: 'Tweet this', 

// If set to true, curly quotes will be wrapped around the tweet text.
addCurlyQuotes: true, 

// If set to true, ProQuo will call the Twitter configuration API to determine the appropriate short URL length (defaults to false). 
// Used to appropriately truncate longer quotes.
updateUrlLengthFromTwitter: false, 

// If set to true, ProQuo will load Twitter's standard sharing buttons.
useTwitterButton: true: 

})

Change log:

2015-07-02

Fixed: Tweet text gets cut off if apostrophe present


This awesome jQuery plugin is developed by wmdmark. For more Advanced Usages, please check the demo page or visit the official website.