Version imprimable
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> :aie:
Merci de m'aider :oops:
Passer par du css :
En espérant que ca t'aideraCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Merci pour votre reponce
mais ce je veux c'est est de mettre un ou deux mots on gras
par exemple :
Code:
2
3
4
5
6
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
mais pourquoi ça fonctionne ici http://www.fckeditor.net/demo :?
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.
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 :P
é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 ???:cry:
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.
Désoler et merci pour ton aide ;)
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
On te dit que c'est du javascript!Citation:
Envoyé par hicham285
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.
maintenant j'ai bien compris :king:
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:
Merci pou tout :salut:Code:
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>