Fonction pour insérer une tabulation dans un textarea en appuyant sur TAB avec jQuery

Cette function permet d'insérer des tabulations dans une zone de texte textarea quand on appuie sur la touche TAB du clavier.
Démonstration
Code associé
<textarea class="oft_tab_enable"></textarea>
Comment l'utiliser
Pour utiliser la fonction d'ajout de tabulation lorsque l'on appuie sur la touche TAB, il suffit d'appliquer la class oft_tab_enable
sur la champ souhaité. Etant donné qu'il s'agit d'une classe, il est possible de l'appliquer sur plusieurs champs sur la même page.
Intégrer la fonction à votre site
L'utilisation de la bibliothèque a été simplifié au maximum. Il vous suffit de charger le fichier sur votre page.
Solution 1 : Facile et rapide, ajouter simplement le lien vers notre CDN
<script src="http://cdn.online-free-tools.com/js/oft_tab_enable.min.js"></script>
Solution 2 : Télécharger la bibliothèque et l'appeler sur votre site
Si vous optez pour cette solution, vous avez simplement à ajouter la ligne ci-dessous en adaptant le chemin d'accès au fichier.js
. Il est recommandé de placer cette ligne après les autres fichiers javascript.
<script src="/js/oft_tab_enable.min.js"></script>
Changer le type de tabulation
Il est possible changer le type de tabulation en ajoutant une ligne de javascript avant l'appel à notre bibliothèque. Par défaut, la tabulation est un \t
.
// Valeur par défaut
var oft_tab_type = "\t";
Exemple: 4 espaces par tabulation
var oft_tab_type = " ";
Exemple: 2 espaces HTML par tabulation
var oft_tab_type = " ";

Pierrick CUSSET
Autodidacte passionné par le web, je suis toujours à la recherche de nouveaux challenges.
Fondateur de Online-Free-Tools.com.