[CSS] Mise en forme de Code Source

Dans un article précèdent ( Plugin WP-Syntax et coloration syntaxique de code) je signalais que wordpress avait un plug-in (wp-syntax) bien pratique pour mettre en forme du code source.

On peut aussi avoir besoin d’obtenir le code html de la mise en page du code source.

Le site suivant permet de le faire facilement
http://www.manoli.net/csharpformat/

Il suffit de copier – coller son extrait de code dans le textbox.
Puis de signaler le langage utilisé (c# ou html ou vb ou t-sql ou msh ).
Cocher les options désirées:

• line numbers -> affiche des numéros de lignes
• alternate line background -> Change la couleur de fond entre chaque ligne
• embed stylesheet -> Incorpore le css directement dans le code html ou l’intègre dans un fichier CSS séparé.

Vous n’avez plus qu’à valider pour obtenir le code 🙂

Par contre, ce site ne sait mettre en forme que les langages suivants : c#, vb, html/xml/aspx, t-sql, msh.

Et vu qu’un exemple parle souvent mieux qu’un long discours :

Exemple de code sans mise en forme :

///
/// Exemple de code pour la mise en forme
/// Retourne les différents états possible d’un lot
///
/// Liste etat
public List MagListeEtatLot()
{
try
{
List mesetats = new List();
mesetats.Add(«  »);
mesetats.Add(« au soldeur »);
mesetats.Add(« quarantaine »);
return mesetats;
}
catch (Exception ex)
{
Erreur.Enregistre(ex, Global.Niveau.haut, « CS :: MagListeEtatLot :: « );
throw new Exception(« WCF Erreur inattendu « );
}
}

Et le même code mis en forme avec du css:

   1:  /// < summary>

   2:  /// Exemple de code pour la mise en forme

   3:  /// Retourne les differents etats possible d'un lot

   4:  /// </summary>

   5:  /// <returns></returns>

   6:  public List<string> MagListeEtatLot()

   7:  {

   8:              try

   9:              {

  10:                  List<string> mesetats = new List<string>();

  11:                  mesetats.Add("");

  12:                  mesetats.Add("au soldeur");

  13:                  mesetats.Add("quarantaine");

  14:                  return mesetats;

  15:              }

  16:              catch (Exception ex)

  17:              {

  18:                  Erreur.Enregistre(ex, Global.Niveau.haut, "CS :: MagListeEtatLot :: ");

  19:                  throw new Exception("WCF Erreur inattendu ");

  20:              }

  21:          }

Exemple du même code mis en forme avec un plugin:

     
   /// 

        /// Exemple de code pour la mise en forme
        /// Retourne les differents etats possible d'un lot
        /// 
        /// 
        public List MagListeEtatLot()
        {
            try
            {
                List mesetats = new List();
                mesetats.Add("");
                mesetats.Add("au soldeur");
                mesetats.Add("quarantaine");
                return mesetats;
            }
            catch (Exception ex)
            {
                Erreur.Enregistre(ex, Global.Niveau.haut, "CS :: MagListeEtatLot :: ");
                throw new Exception("WCF Erreur inattendu ");
            }
        }

Malheureusement depuis l’écriture de cet article, le site mentionné n’existe plus.

Point d’intérêt de cet article : Mise en forme, CSS, Design, Html.