comment faire pour insérer du code HTML dans un textarea ?

**hicham285** · 18/05/2008, 01h47

Salut à tous !

Voila je post pour vous demander comment fait on pour insérer du code HTML dans un textarea ?

Exemple : Quand je veux taper un texte en gras dans mon textarea, je met <b>texte</b> mais au lieu d'avoir texte dans mon textarea, j'ai <b>texte</b>

Merci de m'aider

**4R416N33** · 18/05/2008, 01h51

Passer par du css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
...
<head>
...
<style type="text/css">
#champs1{
    font-weight:bold;
}
</style>
...
</head>
<body>
...
<textarea id="champs1">Mon texte en gras</textarea>
...
</body>
</html>

En espérant que ca t'aidera

**hicham285** · 18/05/2008, 02h00

Merci pour votre reponce
mais ce je veux c'est est de mettre un ou deux mots on gras
par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<textarea rows="10"cols="60" name="message">
<strong>Tape</strong> 
fais une sélection puis clique sur un lien,
place ton curseur au beau milieu de ton texte,
clique sur un lien... 
</textarea>

**4R416N33** · 18/05/2008, 02h09

IMPOSSIBLE tel quel dsl

La seule solution, c'est de mettre un div semblable à ton textarea par dessus et jouer avec les z-index sur un OnClick avec DHTML et JS

**hicham285** · 18/05/2008, 02h17

mais pourquoi ça fonctionne ici http://www.fckeditor.net/demo

**4R416N33** · 18/05/2008, 02h42

Affichage du code source => Recherche de textarea t'aurais permis de voir qu'il ne s'agit pas d'un textarea dans ton exemple.

Pour être complet, il s'agit d'une iframe dont le code html se met à jour grace à un JS.

**@Ikey** · 18/05/2008, 02h48

C'est une illusion, la page html est dans un frame

Si tu regardes la source, il n'y a pas de textarea, tout est géré par javascript

Edit: Trop tard

**hicham285** · 18/05/2008, 02h49

évidamant il s'agit d'une ifram mais comment ils ont fait pour qu'il se comport comme une textarea . par ce que on peux écrire de don ???

**4R416N33** · 18/05/2008, 02h58

Ben dsl, mais à 3 Heures du mat, pas la motivation pour répondre à un message qui n'est pas posté au bon endroit (JavaScript).

De plus, le évidemment que c'est une iframe alors que dans le titre tu parles de mettre du code html dans un textarea en citant se site releve d'une certaine mauvaise foi, et c'est pas bon tu vois, paske ca diminue encore ma motivation pour te répondre.

Désolé, ptet demain je serai de meilleure humeur.

**hicham285** · 18/05/2008, 03h00

Désoler et merci pour ton aide

**4R416N33** · 18/05/2008, 03h10

Ah ouais mais c'est pas du juste ton désolé et merci de ton aide alors que je t'envoie bouler, ca me redonne de la tendresse.

Bon, faute avouée à moitié pardonnée, donc juste tu insères une iframe dont tu modifie le contenu html (en dhtml, de nombreux messages dans ce forum t'aideront et de nombreux cours foisonnent sur le net) en fonction des touches appuyées sur le clavier.

Voici un bon tuto pour récupérer les touches frappées sur le clavier :

http://www.sdelaunay.com/?2006/04/05...-firefox-et-ie

Un conseil tout de même, a moins que ce soit d'une importance vitale, il vaudrait mieux passer par un textarea classique parce que cette solution est assez lourde à mettre en place tout de même.

Ensuite le choix t'appartient.

Voilà ce qu'apporte la politesse dans les messages. A bon entendeur

**@Ikey** · 18/05/2008, 03h12

Envoyé par hicham285

évidamant il s'agit d'une ifram mais comment ils ont fait pour qu'il se comport comme une textarea . par ce que on peux écrire de don ???

On te dit que c'est du javascript!

Dans les grandes lignes (ce que fait le code js):
- Donne le focus au frame (d'où le '|' qui clignote)
- Réagit à chaque keypress
- Ecrit à la volée un fichier html.

**hicham285** · 18/05/2008, 03h35

maintenant j'ai bien compris

j'avais juste l'intention d'améliorer mon petit éditeur de code html pour qu'il soit comme FCKeditor . mais c'est bien dommage que le textearea n'exécute pas les balise html. donc je vais garder mon petit code
voila mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php 
if (isset($_POST['message'])){
$texte=$_POST['message'];
$texte = preg_replace('#\[g\](.+)\[/g\]#isU', '<strong>$1</strong>', $texte);
$texte = preg_replace('#\[i\](.+)\[/i\]#isU', '<em>$1</em>', $texte);
$texte = preg_replace('#\[s\](.+)\[/s\]#isU', '<u>$1</u>', $texte);
$texte = preg_replace('#\[u=(.+)\](.+)\[/u\]#isU', '<a href="$1">$2</a>', $texte);
echo $texte;
}

?>
<html>
<head>
<title>Ajouter du texte au milieu d'un textarea</title>
<script language="JavaScript" type="text/javascript">
function lien2(){
var m = prompt("entrez lien","http://");
if (m!=null && m!="http://")
AddText('[u='+m+']','','[/u]')
}
function AddText(startTag,defaultText,endTag) 
{
   with(document.poster)
   {
      if (message.createTextRange) 
      {
         var text;
         message.focus(message.caretPos);
         message.caretPos = document.selection.createRange().duplicate();
         if(message.caretPos.text.length>0)
         {
            var sel = message.caretPos.text;
            var fin = '';
            while(sel.substring(sel.length-1, sel.length)==' ')
            {
               sel = sel.substring(0, sel.length-1)
               fin += ' ';
            }
            message.caretPos.text = startTag + sel + endTag + fin;
         }
         else
            message.caretPos.text = startTag+defaultText+endTag;
      }
      else message.value += startTag+defaultText+endTag;
   }
}
</script>
</head>
<body>

<form name="poster" action="" method="POST">
<table border="1"cellpadding=0 cellspacing=0>
	<tr>
		<td><a href="#" onclick="AddText('[g]','','[/g]');">Gras</a></td>
		<td><a href="#" onclick="AddText('','','');">Italique</a></td>
		<td><a href="#" onclick="AddText('','','');">Souligné</a></td>
		<td><a href="#" onclick="lien2()">Url</a></td>
	</tr>
	<tr>
		<td colspan="4">
			<textarea rows="10"cols="60" name="message">
				Principium autem unde latius se funditabat, emersit ex negotio tali. Chilo ex vicario et coniux eius Maxima nomine, questi apud Olybrium ea .
			</textarea>
		</td>
	</tr>
</table>
<br>
<input type="submit" value="envoyer">
</form>
</body>
</html>

Merci pou tout

comment faire pour insérer du code HTML dans un textarea ?

JavaScript

Discussions similaires

Partager

Partager