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.
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 ! 🙂
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 🙂
Merci, c’est noté dans le billet 🙂
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 !
Voir webuilder, qui est très bon, pour presque rien !
pas mal Fraise 🙂 merci 🙂
J’utilise eclipse mais c’est parce que je fais plus de php que d’integration.
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 🙂
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 🙂
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é.
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.
Sublime text est pas mal non plus.
Entre lui et Notepad ++ mon coeur balance…
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.
ici il y a quelques vidéos + d’autres trucs sympathiques : http://www.grafikart.fr/blog/dossier-editeurs-codes-470
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?
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.
Ubuntu il se deconnecte jamais des FTP 🙂
Sous linux et plus particulièrement avec kde, il existe kate.
Bonjour,
Je citerai Bluefish et Amaya.
Je n’aime pas Kompozer, car il recompile le code à sa sauce.
Pierre
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
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.
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
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
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.
Pour information, il y a un éditeur de texte : akelpad.sf.net