La surbrillance de texte multicolore peut-elle être obtenue dans une zone de texte ou une saisie de texte ?

Surlignage de texte multicolore dans une zone de texte

Question :

Le surlignage de texte multicolore peut-il être réalisé dans une zone de texte ou un texte saisie ?

Contexte :

La mise en surbrillance de la syntaxe est souhaitée pour les mots-clés lorsqu'un utilisateur tape dans une saisie de texte. Il est entendu que cette implémentation nécessite une combinaison de CSS, JavaScript et d'éventuelles « poussières de lutin ».

Solution :

Malheureusement, il n'est pas possible d'appliquer différents couleurs au texte dans une zone de texte ou saisie de texte à l’aide de CSS. Toute modification appliquée à la propriété text affectera l'intégralité du texte au sein de l'élément.

Cependant, un élément ou un document modifiable peut fournir la fonctionnalité de coloration syntaxique souhaitée. Cet exemple, compatible avec les navigateurs récents, illustre comment y parvenir à l'aide de l'attribut contenteditable :

<br><code contenteditable="true"><br> <span style="couleur : bleu">var</span> foo = <span style="color: green">"bar"</span>;<br></code><br>

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!