Editeur WYSIWYG

Editeur WYSIWYG - HTML/CSS - Programmation

Marsh Posté le 11-06-2009 à 22:19:53    

Salut a tous,
 
Pour mon projet actuel j'ai besoin d'un editeur wysiwyg (gratuit) similaire a ce qu'on trouvait avant sur les MSN Groups ou a ce qu'on trouve aujourd'hui sur blogger.com, c'est-a-dire:
 
Les boutons basiques d'alignement, ET la possibilité d'uploader une image et de la placer dans son post.
 
On peut pas dire que c'est la mer a boire, pourtant apres litteralement des HEURES passées sur le net, j'ai pas reussi a trouver un seul editeur : (1) qui permette l'upload d'image, (2) qui marche, et (3) qui soit pas monstrueusement complexe avec des gestions de trucs et des interfaces de machins dans tous les sens.
 
En cherchant je suis tombé sur TinyCME, qui est genial mais qui est payant si on veut l'upload d'image. J'ai egalement installé Fckeditor, mais celui-ci requiere un reglage de securité dans Firefox (et je me vois mal demander a mes users de reparametrer leur browser pour pouvoir utiliser mon site).
 
Je trouve ca etonnant qu'une chose aussi anodine qu'un editeur wysiwyg avec upload d'image soit si difficile a trouver ! Le pire c'est que je m'apercois en me promenant sur les forums que ce vide ne date pas d'hier, car je vois plein de gens dans le meme cas que moi et la seul option satisfaisante qui semble exister pour eux est de sortir le portefeuille, ou s'enfermer 3 mois pour apprendre le javascript.
 
Pourquoi tant de haine ?  
 
En tout cas si par miracle quelqu'un connait un editeur qui aurait echappé a ma recherche, je suis archi preneur.

Reply

Marsh Posté le 11-06-2009 à 22:19:53   

Reply

Marsh Posté le 11-06-2009 à 23:23:07    

Salut
 
Concernant le fameux réglages sous Firefox, ce n'est vrai que si tu veux permettre la gestion du copier/coller, sinon il marche très bien le FCKeditor.
Sinon si tu trouves ca tellement anodin, jetes un oeil sur le code source pour te rendre compte du taf qu'il y a derrière. Sachant que un browser n'est pas trop prévu pour ce genre de système d'édtition, perso je trouve pas ca tellement anodin, au contraire (avec les histoires de sécurité et tout).
 
Pour finir, regarde ptetre du coté de Xinha ( http://xinha.webfactional.com/ ),
SPAW ( http://www.solmetra.com/en/ )
ou des plugins pour tinyMCE ( http://sourceforge.net/tracker/?at [...] unc=browse )


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 15-06-2009 à 13:08:03    

Merci SICKofitALL
 
J'ai trouvé http://www.openwebware.com, simple gratuit et efficace.

Reply

Marsh Posté le 16-06-2009 à 11:28:00    

Bonjour,
 
J'écris dans ce post car ça concerne le même sujet. Je suis en train de développer mon propre wysiwyg et j'ai un méga problème que j'arrive pas à résoudre mais c'est assez chaud à expliquer, je vais essayer d'être le plus clair possible (c'est toujours mieux normalement je sais :lol: )
 
1) Bon alors le but c'est d'avoir exactement le même éditeur (j'entend donc le même comportement) que ce soit dans IE ou Gecko (le fameux et éternel problème...)
 
2) J'ai dans gecko une iframe éditable et dans IE une div éditable (j'ai suivi ce tuto : http://www.venezchezmoi.fr/2008/06 [...] ormulaire/)
 
3) Maintenant mon problème c'est que quand j'appuie sur la touche ENTER dans firefox (gecko), cela crée un <br> alors que dans IE cela crée un <p>...</p> (cf. : http://www.javascriptfr.com/forum/ [...] 14562.aspx)
 
4) Ce que j'ai déjà fait :  

  • onkeydown de la touche ENTER dans la div éditable de IE, je balance une fonction qui va rendre le contentEditable à false (car autrement il place le <p></p> avant même de faire les traitement necessaires)
  • Donc dejà à ce niveau, il ne place plus de <p>...</p> sauf que l'on ne peut plus écrire et on ne peut surtout plus aller à la ligne
  • onkeyup je remet le contentEditable a true et c'est la que j'aimerai mettre mon <br> dans le innerHtml de ma div.


5) Avec le innerHtml j'ai fait des test dans tout les sens et sa ne veut pas. J'ai donc penser à le faire avec le execCommand (comme pour mettre du texte en gras typiquement). Sauf que j'ai pas trouvé de class msdn permettant de placer quelque chose dans le innerhtml de ma div. Tout ce que j'ai trouvé c'est execCommane('paste', '<br>'); mais la il l'écrit dans l'éditeur, il n'interprète pas un saut à la ligne.
 
Voilà merci si on peut me filer un coup de main...
 
PS: une des solution qui ne m'arrange vraiment pas serait peut-être d'utiliser aussi une iframe dans IE sauf que cela engendrerait PLEINS d'autres soucis, donc solution à éviter merci d'avance  :hello:

Reply

Sujets relatifs:

Leave a Replay

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