Comments on: jQuery Slug Plugin

By: Permalink: esempio di utilizzo del plugin per lo slug (#slug #permalink #jQuery #plugin) « sipronunciaaigor

Wed, 27 Apr 2011 10:51:13 +0000

[...] modifica che ho effettuato allo script originale (jQuery slug plugin di Perry) prevede l’utilizzo di prima del campo di input per [...]

By: Fabrizio Di Pietro

Fabrizio Di Pietro — Mon, 25 Apr 2011 16:59:45 +0000

Hi Perry,
I’m using your plugin: really a very good plugin.
I’ve changed something and I would like you to take a look at my changes.
I’ve tried to generalize its using.

http://sipronunciaaigor.wordpress.com/2011/04/25/permalink-come-creare-uno-slug-stile-wordpress/

Bye,
Fabrizio

By: Permalink: come creare uno slug “stile wordpress” « sipronunciaaigor

Mon, 25 Apr 2011 16:52:51 +0000

[...] Sto sviluppando un nuovo progetto e mi sono trovato nella necessità di creare qualcosa tipo il generatore di permalink di wordpress (altrimenti detto slug). Cercando qua e là un plugin jquery, ho trovato questo jquery slug plugin. [...]

By: BandonRandon

BandonRandon — Wed, 16 Feb 2011 05:13:57 +0000

It seems like this plugin has involved and been improved any plans to update it either here or on Google Code?

Brooke

By: Perry

Perry — Thu, 16 Dec 2010 21:46:44 +0000

Thanks Charlie,

That’s a great function… could really simplify my plugin!

By: Charlie

Charlie — Thu, 16 Dec 2010 20:57:25 +0000

quick and dirty jquery solution with international characters support:

hardcode 2 inputs: #title and #slug

include this js: (it collapses hyphens and whitespace and converts international characters.)
http://dense13.com/blog/2009/05/03/converting-string-to-slug-javascript/

and then:
$(‘#title’).keyup(function() { $(“#slug”).val(string_to_slug($(“#title”).val())); });

By: Dwayne

Dwayne — Thu, 25 Nov 2010 01:15:49 +0000

Awesome plugin dude. Just used this in a little custom Codeigniter driven CMS I built.

By: Bermon

Bermon — Thu, 26 Aug 2010 14:49:20 +0000

Thanks for the great plugin. I’ve taken some of the bugs mentioned by Leo and incorporated them into the script. I also added a couple of features:

• The slug can be set as ‘customizable’ in the settings to show the input. Defaults to true.
• Preload the slug text if the input has a value.

Enjoy!

jQuery(function($) {
jQuery.fn.slug = function(options) {
var settings = {
slug: ‘slug’,
hide: true,
customizable: true
};

if(options) {
jQuery.extend(settings, options);
}

$this = jQuery(this);

jQuery(document).ready( function() {
if (settings.hide) {
jQuery(‘input.’ + settings.slug).after(“\/ Customize“);
jQuery(‘input.’ + settings.slug).hide();
}
});

makeSlug = function() {
var slugcontent = $this.val().trim();
var slugcontent_hyphens = slugcontent.replace(/\s/g,’-');
var finishedslug = slugcontent_hyphens.replace(/[^a-zA-Z0-9\-]/g,”).trim();
finishedslug = finishedslug.replace(/[-]{2,}/g,’-');
finishedslug = finishedslug.replace(/(^[-])|([-]$)/g,”);
jQuery(‘input.’ + settings.slug).val(finishedslug.toLowerCase());
jQuery(‘span.’ + settings.slug).text(finishedslug.toLowerCase());
}

jQuery(this).keyup(makeSlug);

if(settings.customizable) {
jQuery(‘#custom-slug’).click(function(){
jQuery(this).hide();
jQuery(‘input.’ + settings.slug).fadeIn(‘fast’);
return false;
});
} else {
jQuery(‘#edit-slug’).remove()
}

if(jQuery(‘input’ + settings.slug).val() != ”){
var slugValue = jQuery(‘input.’ + settings.slug).val();
jQuery(‘span.’ + settings.slug).text(slugValue);
}

return $this;
};
})

By: Julian

Julian — Mon, 19 Apr 2010 00:58:03 +0000

Hi Perry,

I think your plugin is nice and very useful. For your info, I wrote an article in my blog mentioning this plugin and a tweak I did to use special chars like accents in Spanish.

Maybe you are interested, and maybe you’d like to support something like that in your future versions (as @Enrico requested):

http://www.netvivs.com/build-permalinks-slug-with-javascript-jquery

Thanks.

By: Enrico

Enrico — Tue, 23 Mar 2010 16:02:09 +0000

what about accénts and umlauts (ü)?