28112 sujets

CSS et mise en forme, CSS3

Bonjour,

je souhaiterais faire une zone de texte éditable par l’internaute, un textarea, et pouvoir le colorer à la volée en javascript. Évidemment le code
<textarea><span style="background-color:red">coucou</span></textarea>

ne marche pas.
j’ai pensé à mettre sous mon textarea une balise pre jumelle. Mon problème est quand j’ai une longue ligne dans le textarea il y a un retour à la ligne automatique et ce n’est pas le cas avec pre qui écrit tout sur une ligne.

Y a-t-il une solution plus simple que de superposer un pre et un textarea, sinon comment forcer le retour à la ligne dans un pre?
https://jsfiddle.net/20bconr9/
Modérateur
Bonjour,

tu peut donner une largeur au <pre> et faire un reset sur white-space.
exemple
#sortie1, #sortie2 {
    opacity:1;
    color:red;
    white-space:pre-wrap;
    width:50%;
}


cdt
Meilleure solution