SEO-friendly URL Slug Generator With jQuery - Slugger

File Size: 6.75 KB
Views Total: 2054
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
SEO-friendly URL Slug Generator With jQuery - Slugger

Slugger is a jQuery plugin which automatically converts your post/article titles into semantic, SEO-friendly URL slugs with prefix and suffix support.

How to use it:

1. Place the jQuery slugger plugin after jQuery library but before you close the body tag.

<script src="//code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="dist/slugger.js"></script>

2. Create an input field to accept post/article titles.

<input type="text" name="postTitle" id="postTitle">

3. Create another input field to output the url slugs.

<input type="text" name="permalink" id="permalink">

4. Enable the plugin.

$('#permalink').slugger({
  source: '#postTitle'
});

5. Add custom suffix and/or prefix to the URL slugs.

$('#permalink').slugger({
  source: '#postTitle',
  prefix: 'jQuery',
  suffix:'script'
});

6. Make the slug input field read only.

$('#permalink').slugger({
  source: '#postTitle',
  prefix: 'jQuery',
  suffix:'script',
  readonly: true
});

Change log:

2016-11-02

  • added more character support

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