Comment puis-je afficher du texte multicolore dans une zone de texte ?

Texte multicolore dans une zone de texte

Il peut être difficile d'afficher du texte avec différentes couleurs dans une zone de texte ou un champ de saisie. Cependant, il existe une solution alternative utilisant l'attribut contenteditable.

Solution utilisant contenteditable

L'attribut contenteditable rend un élément HTML modifiable sans le convertir en élément de formulaire. Cela vous permet d'utiliser HTML et CSS pour styliser le texte dans l'élément, notamment en attribuant différentes couleurs.

Exemple de code

<div>

Explication

1. Créez un élément div avec l'identifiant "mytxt" et définissez l'attribut contenteditable sur "true."
2. À l'intérieur du div, utilisez le élément pour envelopper le texte que vous souhaitez colorer.
3. Appliquez différents styles de couleur aux éléments span à l'aide de CSS.

Résultat

Le Le code ci-dessus créera un élément div qui pourra être modifié par l'utilisateur. Le texte « Bob » apparaîtra en bleu et le texte « Joe » apparaîtra en vert. L'utilisateur peut également modifier ou supprimer le texte et changer les couleurs comme il le souhaite.

Remarque :

Cette solution repose sur HTML et CSS et peut ne pas être compatible avec tous navigateurs ou appareils. Si vous avez besoin d'une solution plus robuste, envisagez d'utiliser une bibliothèque tierce ou de mettre en œuvre une solution JavaScript personnalisée.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!