Generating User-friendly URL Slugs With jQuery - friendurl

File Size: 6.99 KB
Views Total: 1597
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Generating User-friendly URL Slugs With jQuery - friendurl

Yet another jQuery plugin that helps you generate user- and seo-friendly URL slugs from any strings, with transliterate and custom divider support.

How to use it:

1. Put jQuery JavaScript library and the jQuery friendurl plugin at the bottom of the webpage.

<script src="//"></script>
<script src="jquery.friendurl.js"></script>

2. Create a normal input field that will accept the user typed strings like post titles.

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

3. Create another input field that will output the url slug generated by the plugin.

<input type="text" name="output" id="output" readonly>

4. Active the plugin as this:

  id : 'output'

5. Customize the divider.

  id : 'output',
  divider: '_'

6. Enable the transliterate mode.

  id : 'output',
  divider: '_',
  transliterate: true



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