2013-09-04 3 views
0

J'ai une zone de texte dans un formulaire. L'utilisateur doit y coller différents textes provenant d'autres parties du web ou même d'autres sites. (donc je ne connais pas la couleur ni la taille de ce texte.) Je ne peux pas non plus contrôler l'origine de ce texte. Y a-t-il un moyen de conserver l'information de la couleur et de la taille du texte original?TextArea: conserve la couleur et la taille du texte collé

(je pourrais utiliser jQuery ou php si nécessaire)

Ici, j'ai l'exemple simplifié pour aider: http://jsfiddle.net/nbkvb/

CSS:

h1 { color:blue; font-family:verdana;font-size:20px; } 
p { font-family:verdana; font-size:15px; } 

HTML:

<form action='html-normal.php' method='post'> 
<textarea name='textHtml' rows='15' cols='60'></textarea> <br/> 
<input type='submit' value='submit' /> 
</form> 

<div id=" "> 

<h1>Some title</h1> 
<p>some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text,</p> 

Répondre

1

TextArea est conçu pour le texte brut uniquement. Si vous voulez être en mesure de copier/coller du texte (HTML), vous devez utiliser DIV avec contenteditable="true" au lieu de TextArea

Démo: http://jsfiddle.net/nbkvb/2/

+0

C'est parfait! Merci beaucoup – Nrc

+0

@Nrc Glad cela a fonctionné pour vous. Notez simplement que lorsque vous soumettez le formulaire, innerHTML de DIV n'est pas soumis au serveur, vous devrez le copier dans un champ caché - et lire la valeur de cette façon sur le serveur. Veuillez cocher la réponse comme acceptée si la solution était utile. –

+0

J'ai essayé de copier au champ caché et je ne trouve pas comment faire cela sans perdre l'information (couleur et taille) pouvez-vous me donner un indice? – Nrc

Questions connexes