Affichez facilement du code dans une page web grâce à Notepad++ Export

Le problème est simple: quand on place des lignes de code dans une page web, le serveur ou le navigateur essayent d’exécuter (ou d’interpréter) ce code au lieu de l’afficher…

Dans la plupart des CMS (Content Management System) comme WordPress, Drupal ou autre il existe des ShortCode qui permettent d’insérer du code dans un article. Il suffit de faire d’entourer le code par [code] … [/code]

Néanmoins, si vous souhaitez aller plus loin en profitant par exemple des capacités de formatage couleur de Notepad++, vous pouvez activer l’extension NppExport qui vous permettra d’exporter votre code en html ou rtf tel qu’il est affiché dans votre éditeur de code préféré.

Pour installer l’extension NppExport passez par le menu Plugins / Plugin Manager / Show Plugin Manager de Notepad++:

Dans le gestionnaire d’extension, cochez la case devant NppExport, et cliquez sur install:

Redémarrez NotePad++ à la fin du processus d’installation:

Vous êtes maintenant prêt à exporter votre code en HTML ou RTF.

Ouvrez un fichier .php par exemple (ou autre…), et sélectionnez l’option du menu Plugins / NppExport / Export to HTML :

Une fois votre fichier HTML enregistrez sur le disque dur vous pouvez l’ouvrir comme n’importe quel fichier web et comme vous le voyez la mise en page et les couleurs sont respectées dans le navigateur:

Le code source résultant est un peu chargé, mais ça fonctionne… notamment grâce à une série de styles (css) exportées dans le fichier HTML:

span {
	font-family: 'Courier New';
	font-size: 10pt;
	color: #000000;
}
.sc0 {
	font-weight: bold;
}
.sc1 {
	color: #0000FF;
}
...

Pour plus d’informations sur ce plugin, c’est par ici : NppExport on SourceForge

Laisser un commentaire