jQuery Create Slug from Text: Change a text string to make slug to use in URL

Recommend this page to a friend!
  Info   View files Example   Demos   View files View files (7)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 73 All time: 469 This week: 2Up
Version License JavaScript version Categories
text-to-slug 1.12MIT/X Consortium ...4jQuery, Text processing, Forms
Description Author

This is jQuery plugin can change a text string to make slug to use in URL.

It listens to key up events on a form text inputs and replaces the spaces with dashes and removes characters with accents.

The slug text is inserted in a hidden input with a given name.

Innovation Award
JavaScript Programming Innovation award nominee
October 2016
Number 2


Prize: One downloadable e-book of choice by O'Reilly
Slug is the part of a URL that is often used to include in the pages' URLs the respective titles to make it easy for users to learn what the pages are about looking just at their URLs.

Not all characters can be included in URLs. For instance spaces and other characters need to be encoded in a special way, so they are not easily readable by the users.

This object can take a text of a title and create the slug by replacing characters that would need to be encoded, by using dashes.

Manuel Lemos
Picture of afshin akhgar
  Performance   Level  
Name: afshin akhgar <contact>
Classes: 2 packages by
Country: Iran Iran
Age: 37
All time rank: 1623 in Iran Iran
Week rank: 6 Up1 in Iran Iran Up
Innovation award
Innovation award
Nominee: 1x

Details

Text2Slug

Text2Slug is a neat and small jquery plugin for making slugable input in a form > Text2Slug Plugin is less than ~1kb * Text2Slug generate slug from unicode string, URL-friendly slugify with multiple languages support.

Install

> Requires : JQuery * First download package text-to-slug.js or text-to-slug.min.js * Then put Jquery and text-to-slug.js file into your html Head * use plug in * Also You can see examples in examples folder > Add jquery and text-to-slug slug js to document >

> >

live Demo

> Live Demo

<script src="src/jquery.min.js"></script>
<script src="src/text-to-slug.js"></script>

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

<script>
$(function(){
        $('#slug_tmp2').text2slug({input_name:'slug2'});
});
</script>

Requests or bugs?

Author

Afshin Akhgar , afshin@akhgar.net > akhgar.net

License

The source files are distributed under the The MIT License (MIT).

About

Slug is the part of a URL that is often used to include in the pages' URLs the respective titles to make it easy for users to learn what the pages are about looking just at their URLs.

Not all characters can be included in URLs. For instance spaces and other characters need to be encoded in a special way, so they are not easily readable by the users.

This object can take a text of a title and create the slug by replacing characters that would need to be encoded, by using dashes.

Manuel Lemos

  text2slugExternal page  

Open in a separate window

  Files folder image Files  
File Role Description
Files folder imageexamples (1 file)
Files folder imagesrc (4 files)
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files  /  examples  
File Role Description
  Accessible without login Plain text file index.html Example Example

  Files folder image Files  /  src  
File Role Description
  Plain text file jquery.min.js Class Class source
  Accessible without login Plain text file styles.css Data Auxiliary data
  Plain text file text2slug.js Class Class source
  Plain text file text2slug.min.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:73
This week:0
All time:469
This week:2Up