Bouton pour insérer des tags HTML dans un <textarea>

Insérer des tags HTML dans un textarea
Insérer des tags HTML dans un textarea

Lorsque l’on veut modifier un textarea et y inclure des tags HTML tels que des paragraphes ou autres (tel était mon cas pour entrer et modifier des bios dans une base de données), on peut proposer un bouton qui wrap la sélection à l’intérieur du textarea.

Dans la démo suivante, sélectionner une partie du texte et cliquer sur un bouton :

Pour cela, on écrit le code HTML suivant :

Et le code js/jQuery, lorsque l’on clique sur un bouton :

Et hop, une méthode simple pour accélérer la saisie et la mise en forme d’une entrée en base de données par exemple. Il est sûr que l’on peut faire la même chose avec un traitement PHP, mais mon choix était d’entrer directement le code HTML en base de données.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *