Auto Link Keywords In The Document - jQuery linkit.js

Auto Link Keywords In The Document - jQuery linkit.js
File Size: 7.25 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

linkit.js is a jQuery SEO plugin for internal links that automatically link keywords and phrases with custom styles and behaviors in the document.

How to use it:

1. Insert the minified version of the jQuery linkit.js plugin after jQuery library (slim build is recommended).

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
        crossorigin="anonymous">
</script>
<script src="dist/linkit.min.js"></script>

2. Call the function on the target container and specify the desired word/phrase and URL you want to replace.

<p>linkit.js is a jQuery SEO plugin for internal links that automatically link keywords and phrases with custom styles and behaviors in the document.</p>
$('p').linkIt({
  link: {
    word: 'jQuery',
    url: 'https://www.jqueryscript.net/'
  }
});

3. Set if is case sensitive.

$('p').linkIt({
  link: {
    word: 'jQuery',
    url: 'https://www.jqueryscript.net/'
  },
  caseSensitive: true
});

4. Add custom color or CSS class to the links.

$('p').linkIt({
  link: {
    word: 'jQuery',
    url: 'https://www.jqueryscript.net/'
  },
  linkColor: '#222',
  linkClass: 'custom-class'
});

5. Decide whether to open the link in a new tab/window.

$('p').linkIt({
  link: {
    word: 'jQuery',
    url: 'https://www.jqueryscript.net/'
  },
  newWindow: true
});

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