[Résolu] Editeur wysiwyg dans un formulaire html

Editeur wysiwyg dans un formulaire html [Résolu] - HTML/CSS - Programmation

Marsh Posté le 03-07-2008 à 11:27:42    

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.


Message édité par milootooloo le 09-07-2008 à 17:26:54
Reply

Marsh Posté le 03-07-2008 à 11:27:42   

Reply

Marsh Posté le 03-07-2008 à 11:54:31    

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 !
 
@+

Message cité 1 fois
Message édité par bul3 le 03-07-2008 à 12:06:01

---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 03-07-2008 à 12:04:28    


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.


Message édité par FlorentG le 03-07-2008 à 12:04:50
Reply

Marsh Posté le 03-07-2008 à 12:10:50    

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)     @+

Message cité 1 fois
Message édité par bul3 le 03-07-2008 à 12:15:27

---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 03-07-2008 à 12:20:13    

bul3 a écrit :

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 !


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

bul3 a écrit :

"pas ma faute" si l'execCommand fait cela !
quels que soient les navigateurs !
faut demander à leurs développeurs réciproques  
de rectifier execCommand !


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 [:sadnoir] C'est pour ça qu'il vaut mieux en utiliser un fait par une équipe entière :)

Reply

Marsh Posté le 03-07-2008 à 12:44:42    


>>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.
 
@+


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 03-07-2008 à 12:50:43    

bul3 a écrit :

il parait (!?!)


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

bul3 a écrit :

mais que veux-tu, les développeurs de microsoft,
de mozilla... préfèrent générer font avec execCommand...  


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

bul3 a écrit :

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é !


Ouais, c'est déjà bien :jap: 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

Reply

Marsh Posté le 03-07-2008 à 13:11:28    


>>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.
@+


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 09-07-2008 à 11:38:01    

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.

Reply

Marsh Posté le 09-07-2008 à 12:08:42    

milootooloo a écrit :

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

Reply

Marsh Posté le 09-07-2008 à 12:08:42   

Reply

Marsh Posté le 09-07-2008 à 16:14:07    

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed