jQuery Plugin For Turning Plain URLs Into Links - linkItUp

File Size: 6.71 KB
Views Total: 665
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Turning Plain URLs Into Links - linkItUp

linkItUp is an ultra light (~1kb) jQuery plugin that finds raw URLs in a specified container and converts them into clickable a links. In addition, you can add custom CSS classes or styles to the a tag.

See also:

How to use it:

1. Put jQuery library and the jQuery linkItUp plugin at the end of the document so the pages load faster.

<script src="//code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="src/linkItUp.js"></script>

2. Call the linkItUp() function on the container that contains URLS in text format.

$('.container').linkItUp();

3. Open the links in new windows.

$('.container').linkItUp({new_tab: true});

4. Add additional CSS classes to the links.

$('.container').linkItUp({
  class: 'some-class and-other-class',
});

5. Apply custom CSS classes to the links.

$('.container').linkItUp({
  style: 'background-color: #EF476F;'
});

6. Specify the link rel attribute.

$('.container').linkItUp({
  rel: 'nofollow'
});

7. Make all the links have the same 'title' attribute.

$('.container').linkItUp({
  title: 'link title'
});

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