Je voulais savoir comment faire ce genre de chose, c'est a dire que dans un textarea on voit directement le resultat (gras,italique,souligné) sans avoir a valider et l'afficher en php ?
 
Ensuite je voudrais savoir comment recuperer tout cela afin de pouvoir le traiter et l'afficher en html ?
 
 
merci d'avance    

personne ?

je parle d'un truc de ce genre:
 
http://www.mozilla.org/editor/midasdemo/

Un textarea ne peut contenir que du texte non formaté.

regarde mon exemple et tu comprendra

 
Ce n'est pas un textarea. C'est un div contenant du texte formaté à la volée. Le résultat ne sera pas exploitable directement dans un <form>.

Voilà, tu viens de donner la solution à ton problème. Il te reste des questions ?
 
Le seul truc à rajouter dans un formulaire, c'est un textarea caché qui prend le contenu de ton <div> lors d'un onsubmit. Pour l'afficher en html, ... tu l'affiches directement !

ben ma question et : ensuite, comment traiter ca en php ? car avec ce systeme il n'y a plus de balise ubb comme sur ce forum, donc c ca mon probleme.

Ça sort du html directement, il n'y a donc pas besoin de le traiter.
 
Je ne pige pas du tout ton problème.

Quoique ... si ça permet le copier / coller de <script> & autres, il te faudra une regex pour ne garder que les balises de bases : <h1>, <b>, etc.

si tu ne pige pas mon probleme c'est que tu ne sais pas comment fonctionne un forum avec les ubb codes.

Avec des codes à deux francs enserrés par des [] au lieu d'un subset du html comme sur slashdot. Autrement dit, très mal.
 
Maintenant, si tu utilises un éditeur html tu n'as justement pas besoin de ces codes. Donc je ne pige toujours pas ton problème

Le code généré par l'éditeur de texte en ligne est assez dégueulasse. Tout particulièrement avec IE6 ...
 
Mais il est possible de le rendre pas trop vilain avec des expressions régulière ( même si ça suffit pas ).
 
Je l'ai fait et je suis pas fière de mond code tellement cest complexe.

En plus faut pouvoir reconvertir un peu pour que IE6 puisse éditer le code à nouveau .. bref cest un casse tête.

Ce genre de truc n'est pas une solution pour plein de raison et en particulier parce que ça passe par du JS. Il faut se surcrois MOzilla 1.4+ et Opera n'en veut pas.
La seule et la meilleure solution, c'est un applet java. Mais si celui pour qui est le site s'y connait un minimum et n'est pas trop bête, les balises UBB restent un très bon compromis je trouve.

 
Désoler de faire remonter ce post, mais je ne voint pas comment faire le contenu du div dans un textarea ??
 
D'avance merci !

 
On t'a pas dit de faire le contenu du div dans un textarea, mais de METTRE le contenu RESULTANT HTML du div dans le textarea en vue du submit.
 
Un simple : document.getElementById('id_du_textarea').value() = document.getElementById('id_du_div').value();  
 
devrait faire l'affaire...
 
Mais je te répète que cette solution (celle de cet éditeur HTML) est mauvaise. C'est du gadjet pas pratique, en particulier s'il faut rééditer le texte. Les codes UBB restent pour le moment la meilleure solution avec les applets java qui permettent de réaliser des choses bcp plus complexes.

 
Je suis navré,  mais je n'y arrive pas. Je part de ceci :
http://www.mozilla.org/editor/midasdemo/
Je fait ensuite un formulare de ce genre :
<script language="JavaScript">
Fonction onsubmit()
{
document.getElementById('body').value() = document.getElementById('edit').value();  
}
</script>
<form action="verif.php3">
<textarea name="body" rows="20" cols="29"></textarea>
<input type="submit" value="ok"></form>
 
Pourriez vous m'éclairez svp
 
J'utilise le BBCode (UBB) pour les pages internet. Si je veux utilisé le RTF c'est pour facilité l'utilisation d'un service qui ne permmet pas la réedition  
 
D'avance merci

<textarea name="body" id="body" rows="20" cols="29"></textarea>  
 
ca fonctionnera mieux comme ca .. ( en esperant que ton div existe bien et ait l'id précisé ......)

 
Cà ne fonctione pas.
C'est un <ifram> avec un id. J'ai essayer avec un div et çà ne va pas.

je crois noter deux erreurs:
1/
function getSource(){
     document.form.body.value = document.getElementById('edit').contentWindow.document.body.innerHTML;  
}
2/
<FORM NAME="form" METHOD="post" ACTION="forumcorps.php" onSubmit="getSource()">  
....
 
c'etit pas mieux ...

 
Dis, c'est bien gentil tout ça. Mais il ne faut pas espérer tout pouvoir utiliser sans connaissance hein... On ne va pas rattraper 3 ans de boulot pour toi, même avec toute la meilleure volonté, et comme il est hors de question qu'on fasse gratuitement le travail à ta place... Bref, va faire un tour du côté des tutos javascript, apprend ce qu'est un objet, les divs, un peu de positionnement etc...

Ah et un dernier détail : le genre d'outil que tu cherches à récupérer ne fonctionne pas avec suffisamment de navigateurs et ne laisse aucune issue en cas d'incompatibilité. C'est donc une MAUVAISE idée. (C'est la deuxième fois que je te le dis d'ailleurs).
 
Si ce genre d'outil était réellement au point, on les utiliserait tous...

...

 
T'exagères pas un peu pour du JavaScript?
As tu essayé mon code fredoch?