Accueil Artisan du web références Ressources webmaster Contact

Remplacer un textarea par un mini-éditeur HTML

Il peut être intéressant de proposer à vos clients, dans l'outil d'administration de leur site web, quelques fonctionnalités pour mettre en forme leurs textes : possibilité de mettre en gras, ajout de liens hypertextes notamment.

CLEditor est un plugin jQuery très léger, facile à mettre en place et suffisamment simple pour être proposer à des utilisateurs novices. C'est de plus un éditeur WYSIWYG.

 

1. Télécharger CLEditor sur premiumsoftware.net/cleditor

2. Appeler la feuille de style et les librairies javascript de JQuery et CLEditor dans le header

<link rel="stylesheet" type="text/css" href="jquery.cleditor.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.cleditor.min.js"></script>

 

3. Ajouter dans le header, le code JQuery qui transforme le textarea en éditeur HTML <script type="text/javascript"> $(document).ready(function() { $("#input").cleditor(); }); </script>

 

4. Donner le nom, choisi dans le script ci-dessus, à votre textarea

<textarea id="input" name="input">

 

5. Résultat :

Plan du site | Mentions légales | Bardamu?    ©2007-2011