30+ éditeurs HTML plus ou moins WYSIWYG

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

30+ éditeurs HTML plus ou moins WYSIWYG

Qu’il s’agisse de créer une page web ou de permettre aux utilisateurs de mettre en forme leurs articles ou leurs commentaires, on a toujours besoin d’un éditeur HTML à consommer sur place ou à emporter. Voici une sélection de plus de 30 éditeurs HTML (tirée en grande partie de ma liste des 1000 ressources pour webdesigner) qui devrait occuper les longues soirées d’automne qui s’annoncent.

Editeurs de page web Windows (et/ou multi-OS)

Eclipse
Eclipse est un environnement de développement intégré (IDE) lancé par IBM pour développer des applications en Java. Son architecture est développée autour de la notion de plugins, ce qui permet de l’utiliser pour le développement web où il remplacera sans peine un Dreamweaver ou un Notepad++ grâce notamment aux « plugins » suivants :
  • WTP (Web Tools Platform) — Reconnait les formats HTML, CSS, JSP, JSF, javascript, XML, DTD, XSLT… (coloration syntaxique, auto-complétion, validation et aide à la saisie des fichiers XML par la DTD associée, etc.)
  • Aptana — Mêmes fonctionnalités que WTP. L’auto-complétion des fichiers CSS donne la compatibilité (IE et Firefox) des différentes balises de style, Débugger Javascript
  • ATF (Ajax Toolkit Framework) — Prise en compte du langage AJAX dans le développement web
  • Amateras Eclipse HTMLEditor — Reconnait les formats HTML, CSS, JSP, javascript, XML, DTD… avec un éditeur graphique de pages
  • X-Men — Editeur de fichiers XML (non maintenu depuis 2003)
  • OxygenXML — Prise en charge du format XML, DTD, XML SCHEMA, et XSLT (avec un débugger de feuilles de style XSLT)
  • EclipseTidy — Editeur de fichiers HTML et XML
  • eZing Builder — Editeur WYSIWYG de pages web (HTML)
  • Euromath 2 — Editeur WYSIWYG de fichiers XML permettant d’écrire des expressions mathématiques (un peu de la même manière qu’avec Latex)
  • EclipseXSLT — Création Gestion avancée des fichiers XSLT, avec la coloration syntaxique, la possibilité de créer plusieurs configurations de style applicables à un même fichier XML, etc.
Retrouvez la liste complète des plugins Eclipse sous forme d’un PDF mis à jour par Benoît Courtine.
Netbeans
Dans la même catégorie qu’Eclipse, Netbeans est une pure merveille. Prévu pour développer en Java, il existe des versions spécifiques pour développer en PHP, Ruby ou C++. Je m’en sers pour faire de l’intégration HTML & CSS dans un environnement PHP : il faut dire que son explorateur de code est très utile, sans compter les différentes aides comme l’auto-complétion et le «plié-déplié» des portions de code. Cerise sur le gâteau, Netbeans est capable de repérer automatiquement les balises fermantes.
Le seul défaut majeur de Netbeans est la lourdeurs inhérente aux applications écrites en Java d’une manière générale.
Dreamweaver
Cet éditeur de pages web fut créé par Macromedia puis racheté par Adobe. La fonction chercher-remplacer plus que complète (il faudrait un tutoriel pour faire le tour de la question) et la gestion multi-sites avec le transfert FTP méritent à eux seuls l’achat du produit. L’aspect ouiziouigue du bouzin est encore – dans la version CS3 – réservé aux gadgétophiles.
Le gros point noir de Dreamweaver est sa gestion fantaisiste du format UTF-8 qui nécessite un passage préalable dans un vrai éditeur comme Notepad++…
Notepad++
Quand Dreamweaver m’ennuie, c’est vers Notepad++ que je me tourne, tant sa simplicité apparente est reposante. Il prend en charge la coloration syntaxique de pratiquement tous les langages, et ses fonctions de « traitement » de textes sont impressionnantes (même si je n’en n’utilise pas le dixième).
Les plus : Notepad++ est capable de plier-déplier les blocs de code et possède un explorateur de fichier. De plus, utilisé conjointement avec FileZilla (en le spécifiant comme éditeur de texte distant, par exemple), vous avez une configuration légère pour trois fois rien ;)
Depuis la version 5.7, notepad++ est capable de répérer automatiquement les balises ouvrantes et fermantes.
Les moins : l’auto-complétion des propriétés CSS n’est pas vraiment contextuelle (contrairement à Dreamweaver).
KompoZer
KompoZer — Développé à partir de la version 1.0 de Nvu, ce logiciel reprend à son compte la gestion des plugins et des thème à la Gecko (Firefox), ce qui semble prometteur pour l’avenir. Des fondations de Nvu, KompoZer semble avoir gardé le goût de la non-simplicité pour la gestion des feuilles de style, notamment.
Intype
Intype — Ce puissant éditeur de code est d’après p4bl0 l’équivalent de TextMate sur Windows. Encore en version Alpha, vous pourrez suivre l’évolution du développement de cet éditeur prometteur sur le blog. Je l’utile pour comme logiciel par défaut pour ouvrir les .css auxquels je veux juste donner un coup d’oeil.
HTML-Kit
HTML-Kit — J’ai une relation ambiguë avec ce logiciel : je l’installe aussi souvent que je le désinstalle à cause de son interface peu intuitive qui finit toujours par me gêner avant que je trouve mes marques. Mais c’est un très bon produit et je ne désespère pas de m’y adapter un jour !
Il est possible d’avoir HTML-Kit en français avec une présentation du logiciel en prime.
UltraEdit-32
UltraEdit-32 — C’est un éditeur de code source qui supporte la plupart des langages (C++, PHP, HTML, VB Perl, Java). Il dispose aussi d’un module FTP et permet – comme Notepad++ d’enregistrer des macro-commandes pour les tâches répétitives.
Ce n’est pas un logiciel gratuit, mais la version UltraEdit-32 Professional Text Editor ne coûte que 34€, soit 12 fois moins que Dreamweaver CS3 !
Jedit
Jedit –C’est un éditeur écrit en Java, ce qui lui permet de fonctionner sous toutes les plate-formes.
Quanta Plus
Quanta Plus — Avec cet éditeur de texte, on sort un peu du développement web, puisqu’il permet également de créer des livrets de documentation, ce qui peut toujours être utile.
CSSED
CSSED — Cet éditeur de feuilles de style CSS nécessite l’installation de GTK+ Runtime Environment avec comme avantage de tourner sous Linux, Mac OSX et Windows !
E-Texte Editor
E Texte Editor — Toute la puissance de TextMate sur Windows (au point de laisser Mac OS X et switcher sur Windows ?).
PSPad
PSPad — Le meilleur pour la fin ? C’est bien possible car contrairement à HTML-Kit, son interface est très agréable et son intégration avec TopStyle Lite est très réussie. L’ensemble fournit un environnement de développement de pages web très complet et simple d’utilisation.
Parmi les petits plus appréciables : un générateur de faux-texte Lorem Ipsum et l’intégration de Google avec des options de recherche avancées, toujours utiles en plein travail.
A noter que la version Pro de TopStyle inclut un éditeur HTML.
BlueGriffonTM
La nouvelle génération d’éditeur HTML basé sur le moteur de rendu de Firefox pour un Wysiwyg sans tâche.

Linux

Scribes
Scribes — C’est un éditeur pour Linux, puissant tout en restant simple et léger.
gedit
gedit — Il s’agit de l’éditeur de texte officiel pour l’environnement de bureau GNOME.
SciTE
SciTE — Cet éditeur de texte complet (coloration syntaxique, arbre de code dépliant, fonctions rechercher/remplacer) se distingue par l’exportation au format PDF, RTF ou HTML. Bien que disponible également pour Windows, SciTE gagne sa place dans la section Linux grâce à sa configuration par fichiers : pas de panique, Framasoft veille ;)

Mac OS X 10.4+

TextMate
TextMate — L’éditeur manquant ? Sur Windows, en tout cas, c’est sûr ;)
BBEdit
BBEdit — Si vous êtes Apple Addict.
TextWrangler
TextWrangler – Par le même éditeur de BBEdit dont il est une version allégée, cet éditeur autorise la manipulation de texte et l’administration de serveur Unix.
Smultron
Smultron — Conçu à la fois pour ne pas effrayer les débutants et satisfaire les utilisateurs avancés. Le projet n’est plus mis à jour, mais Fraise — projet basé sur la même architecture — est disponible.
cssedit
cssedit — un très bon éditeur de CSS.
Coda
Coda — Encore un bien joli éditeur de texte et de CSS qui intègre un module de transfert FTP.

Editeurs HTML hybrides

BBComposer
BBComposer est une extension Firefox, ce qui le distingue des autres éditeurs HTML disponible sur le marché. Il est donc possible d’utiliser cet éditeur HTML dans votre CMS préféré sans ajouter de plugin.
Lire BBComposer : un éditeur html à consommer sur place ou à emporter »
Markdown
Markdown est une alternative aux éditeurs WYSIWYG qui ne s’adaptent pas forcément à tous les besoins. Markdown vous permettra de rédiger des textes en utilisant un format de balisage de texte simple à écrire et à lire, puis à le convertir en code XHTML (ou HTML en option) structurellement valide.
Lire Markdown : un plugin WordPress pour produire du HTML

Editeurs HTML « riches » WYSIWYG

Vous cherchez des éditeurs HTML à emporter dans votre projet de site web ou votre CMS ? Voici 10 éditeurs HTML WYSIWYG et WYSIWYM

En bref :

Il y a de quoi faire ! N’hésitez pas à me signaler les éditeurs HTML qui auraient échappé à ma vigilance et surtout ceux que vous utilisez au quotidien.

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



37 commentaires pour “30+ éditeurs HTML plus ou moins WYSIWYG”

  1. Daibai dit :

    La fonction WYSIWYG dans les IDE ne m’a jamais vraiment convaincu, ça permet certes d’avoir une premiere impression pour corriger une partie de l’intégration, mais ca reste super aléatoire et je trouve beaucoup plus rapide de faire un bon gros F5 dans chrome et IETester.

    Cela dit, t’as encore fait un boulot de malade, et rien que pour ça, clap clap ! :)

  2. Newick dit :

    Smultron n’est plus mis à jour, mais un projet sur la même base a été lancé : Fraise et par un français en plus :)

  3. André Farzat dit :

    J’utilise PSPad, pour moi, c´est le mieux pour être le plus simple et facile pour modifier.

    J’ai déjà essayé l’intype et j’ai aimé beaucoup! Mais aujourd’hui il n’a pas d’updates. J’espère une version non-alpha !

  4. Daweb dit :

    Voir webuilder, qui est très bon, pour presque rien !

  5. ben dit :

    pas mal Fraise :) merci :)

  6. charles dit :

    J’utilise eclipse mais c’est parce que je fais plus de php que d’integration.

  7. dhoko dit :

    A noté que Notepad++ ne nécessite pas forcément filezilla pour l’édition directe sur le FTP. Il sait très bien le faire avec un petit plugin. Et il gère les macros ce qui est super pratique quand même :)

  8. Hugo dit :

    Très sympa cette liste, j’en ai testé plusieurs… Mon dévolu s’est néanmoins jeté sur KomodoEdit. Personne ne connait ? Vraiment très bien perso je recommande :)

  9. Grand Theft Auto dit :

    Merci pour cette « petite » liste :p

    Personnellement, j’utilise Geany depuis quelques temps. Il est très léger et bien qu’en version beta, son développement est pas mal avancé.

    • stephane dit :

      oui, j’utilise aussi geany pour le c il est bien il y a des proposition de fonction paraport à se qu’on tape, mais pour le html parexemple si tu écris div il ne le devine pas il te mets juste la balise de fin, aucune liste déroulant de proposition c’est un peu domage, donc je pense que pour le c je reste avec geany mais pour le langage web je pense plutot travailler avec aptana.

  10. Mael dit :

    Sublime text est pas mal non plus. Entre lui et Notepad ++ mon coeur balance…

  11. Marc dit :

    Moi j’utilise Zend Studio sur mac, basé sur éclipse, pour son intégration avec Zend framework notamment. En tous cas il marche très bien, très peu de bugs, même avec des projets de plusieurs milliers de pages.

  12. ben dit :

    ici il y a quelques vidéos + d’autres trucs sympathiques : http://www.grafikart.fr/blog/dossier-editeurs-codes-470

  13. François dit :

    Bonjour, et merci pour la liste. J’avais testé Aptana mais il ne gérait pas le html5, il me générait des erreurs sur les balises qu’il ne connaissait pas, c’était pas handicapant mais pas très conviviale, vous savez si les autres le gère ou c’est encore trop tôt?

  14. Envergur dit :

    J’utilisais avant Dreamweaver mais j’ai rencontré quelques problèmes de stabilité : Dreamweaver qui se ferme, FTP qui se déconnecte sans arrêt etc… J’utilise à présent Coda ou Fraise.

  15. Pixys dit :

    Sous linux et plus particulièrement avec kde, il existe kate.

  16. Pierre dit :

    Bonjour,

    Je citerai Bluefish et Amaya. Je n’aime pas Kompozer, car il recompile le code à sa sauce.

    Pierre

  17. Dan dit :

    Ha tu en as oublié un sur Mac qui est assez exceptionnel : Espresso

    Mieux que Textmate et avec l’interface de Coda, que demande le peuple ? ;op

  18. web best dit :

    J’ai une préférence pour Netbeans en php, sinon pour du html / css pur rien ne vaut ce bon vieux Notepad++, du moins à mon avis.

  19. David dit :

    J’utilise personnellement Espresso pour le php. Et Flux pour la création HTML / CSS / Javascript : Site Web de Flux.

    Bravo pour la qualité de ce Blog

  20. [...] quel projet et pas nécessairement dans WordPress. Il ne s’agit pas d’un éditeur HTML WYSIWYG, mais c’est une des rares solutions qui permet d’obtenir des imbrications de balises [...]

  21. [...] 30+ éditeurs HTML — Sélection de plus de 30 éditeurs HTML plus ou moins WYSIWYG. [...]

  22. [...] Un éditeur HTML WYSIWYG avec des morceaux de Firefox Après ma longue liste commentée des éditeurs HTML plus ou moins WYSIWYG, voici mes premières impressions sur BlueGriffon. C’est un éditeur HTML complètement [...]

  23. Charles-Henri dit :

    Salut Bruno et merci de cette liste. Je vais jeter un coup d’oeil à Eclipse d’ailleurs, En ce qui me concerne j’utilise presqu’exclusivement Bluefish 2.0, un gratuiciel à mi chemin entre la simplicité de Notepad++ et la lourdeur de Dreamweaver. Coloration syntaxique, reconnaissance des balises de fermeture et fermeture de balises. Entre autres. Merci encore et bonne continuation! Charles-Henri

  24. ccfactory dit :

    Je ne vois pas webexpert dans la liste: Un très bon éditeur (pas wisiwig) hélas laisser un peu à l’abandon par son éditeur (Visicom media). Il existe une version 6 (free), mais elle n’aporte pas de grand boulversements par rapport à la V5. Les moins: pas de wisiwig, quelques petits problèmes de compatibilité sou X64. Les plus: code en couleur, complétion automatique du code, verification et test de vitesse du chargement de la page. Possibilité d’intégré des templates, indique les normes des balises (NS, IE, W3C), gère le CSS, javascript,XHTML, WML, XML, Perl, PHP, ASP. Aperçu des pages en direct, aperçu des pages et des images à l’ouverture. intégrateur de JS. Je n’arrive pas à m’en défaire depuis une dizaine d’année.

  25. [...] 30+ éditeurs HTML plus ou moins WYSIWYG Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? [...]

  26. naivo dit :

    Pour information, il y a un éditeur de texte : akelpad.sf.net

  27. [...] HTML5 & CSS3 WYSIWYG avec des morceaux de Firefox Après ma longue liste commentée des éditeurs HTML plus ou moins WYSIWYG, voici mes premières impressions sur BlueGriffon. C’est un éditeur HTML complètement [...]

  28. omar dit :

    essayez aussi éditeur livegap

    (http://editor.livegap.com?lan=fr)

    éditeur Web en ligne gratuit | tester et essayer votre HTML, Javascript, CSS, XML avec prévisualisation en direct, la coloration syntaxique, auto-complétion, pliage de code, le cadre, Thèmes

  29. seront modérés dit :

    Son architecture est développée autour de chaussure air jordan la notion de plugins

  30. projet basé dit :

    Vous cherchez des éditeurs HTML à emporter dans votre nike tn projet de site web ou votre CMS

  31. créer une page dit :

    Je n’arrive pas à m’en défaire depuis une dizaine d’année air max pas cher s’adaptent pas forcément à tous les besoins

  32. verification et test de vitesse du chargement de la page. Possibilité, Nike Shox. Je n’arrive pas à m’en défaire depuis une dizaine d’année.

  33. echosante dit :

    Cela dit, t’as encore fait un boulot de malade, et rien que pour ça, clap clap ! http://www.echosante.fr Je n’arrive pas à m’en défaire depuis une dizaine d’année.

  34. J’ai déjà essayé l’intype et j’ai aimé beaucoup! Mais aujourd’hui il n’a pas d’updates. J’espère une version non-alpha ! http://www.charlottebaudoin.fr s’adaptent pas forcément à tous les besoins

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site