Un plugin Jquery pour transformer du texte au format d’une URL (slug)

Comme WordPress, vous voulez que lorsque l’on entre le titre d’un article dans un champ texte par exemple,  il soit automatiquement traduit au format d’une URL, alias Slug, dans un autre champ texte.

Pour cela je suis tombé sur un plugin qui fait très bien l’affaire: JQuery Simpleslug

Téléchargez tout d’abord le fichier .js (clic droit puis enregistrer la cible du lien) et incluez-le dans votre page, sans oublier la librairie JQuery ^^

Son fonctionnement est très simple, vous avez vos 2 champs de texte:

<input type="text" id="article_titre" />
<input type="text" id="slug" />

Dans l’exemple ci-dessus, on veut que le texte entré dans le champ « article_titre » soit traduit en URL en temps réel dans le champ « slug », il suffit de déclarer cette fonction:

<script type="text/javascript">
<!--
  $(document).ready(function(){

      $('input#slug').simpleslug({
       source: 'input#article_title',
       replacement: '-'
     });

  });
  -->
</script>

L’attribut source indique sur quelle balise récupérer le texte à transformer, replacement vous permet de choisir quel caractère remplace les occurrences non voulues. Sachez que vous pouvez aussi utiliser l’attribut preview pour afficher l’URL dans une autre balise en même temps.

Plugin que j’utilise pour mon futur blog en Symfony :p