Bonjour,
 
J'ai trouvé tinymce, qui est une solution libre pour avoir un éditeur style word dans un formulaire html. Toutefois, je m'intéresse aux techniques pour en faire un moi même qui serait plus adapté à ce que je veux en faire.
 
Apparemment, le textarea n'est pas capable de faire un rendu html avec son contenu, quelqu'un pour démentir cette déprimante allégation?
 
Si j'ai bien compris, la solution est de simuler totalement un éditeur, à l'aide de divs. Est ce que quelqu'un connaît les techniques utilisées, les alternatives etc..?
 
Merci à tous.

bonjour,
 
pour être compatible tous navigateurs : IFRAME.
 
ch'tiot exemple ?  
pour test : http://marcel-bultez.chez-alice.fr [...] ysiwyg.htm
télécharger : http://marcel-bultez.chez-alice.fr [...] ysiwyg.zip
( testé avec FF, IE, K-Meleon, Opera, Safari )
 
en fait pour le fond du wysiwyg c'est 3 lignes en javascript
avec execCommand !
 
@+

Attention, celui-là génère du code pas bon (genre des balises font et tout sous IE).

Utilise TinyMCE, gratos, et gère pas mal les normes. Moults plugins pour l'ajout d'images et d'autres trucs. On peut copier/coller à partir de word, et ça rend un code propre.

Exemple avec toutes les fonctionnalités activée.

pas bon, pas bon...  
mais ça fonctionne sans aucun problème
et font par exemple , pas si mauvais que cela, au  
fond, même si on peut faire autrement !
 
"pas ma faute" si l'execCommand fait cela !
quels que soient les navigateurs !
faut demander à leurs développeurs réciproques  
de rectifier execCommand !
 
>>gratos
le mien aussi
>>gère pas mal les normes.  
j'avoue que...
>>Moults plugins pour l'ajout d'images et d'autres trucs.  
>>On peut copier/coller à partir de word
le mien sans plug-ins.
 
;o)     @+

Mieux vaut des styles ou au pire des span, mais <font> est déprécié depuis bien longtemps
 

C'est sûr, maintenant vu la panoplie de navigateurs, ça va être dur Faire un éditeur WYSIWYG est une tâche énorme et lourde, pour arriver à tout gérer C'est pour ça qu'il vaut mieux en utiliser un fait par une équipe entière

>>Mieux vaut des styles ou au pire des span,  
>>mais <font> est déprécié depuis bien longtemps
il parait (!?!)  mais que veux-tu, les développeurs de microsoft,
de mozilla... préfèrent générer font avec execCommand...  
pour l'instant.
ils ne sont pa sérieux ces gars là.
 
>>Faire un éditeur WYSIWYG est une tâche énorme et lourde,  
>>pour arriver à tout gérer
c'est sûr.
mais un ch'tiot truc de base qui fonctionne nickel,
tout simple à installer, à écrire ( encore une fois 3
lignes en javascript : execCommand ), qui ne prétend
ni tout gérer, ni être compatible avec tout, mon foie,
pas si difficile, la preuve, j'y suis arrivé !
 
>>C'est pour ça qu'il vaut mieux en utiliser un fait par une équipe entière
c'est sûr aussi, et je ne prétendais nullement  
rivaliser avec qui que ce soit !
mais le monsieur demandait des infos pour développer le sien
comme j'avais fait le mien, simplement et "facilement",
( enfin, facilement copiable" ) j'en proposais les sources.  
rien de plus.
 
@+

Non, c'est sûr et défini
 

C'est là la zone, et il faut implémenter un "nettoyeur" de code.
 

Ouais, c'est déjà bien Y'en a un tas qui auraient abandonné depuis longtemps. Continue à implémenter des trucs, essaye de faire en sorte que l'autre barre d'outils fonctionne sous Firefox par exemple

>>en sorte que l'autre barre d'outils fonctionne sous Firefox par exemple
pas faute d'avoir posé la question à l'époque !
j'ai quelques infos supplémentaires depuis et
maintenant que FF3 permet ( enfin ! ) la gestion des fichiers
et autres amuse-gueules,  il est vrai que je pourrais
améliorer un ch'tit poil. mais bon, n'importe quel
codeur saura faire cela.
@+

Merci de vos réponses. J'ai réussi à fait un truc pas mal avec execCommand. TinyMCE est trop complexe pour être intégré dans mon projet sans problèmes.

Ah ? Pourtant il se greffe facilement sur une textarea, tu peux choisir les boutons à afficher dans l'initialisation

Oui mais mon site est en ajax et l'envoi des formulaires passe par la méthode des iframes. J'ai vu que ca ne marchait pas comme je voulais alors j'ai pas trop cherché et j'ai fait mon truc.