HTML & CSS

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.

Publié le par Bruno Bichet