Centre de mise en forme

[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.

Centre de mise en forme
Centre de mise en forme

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

Exemple de code sans mise en forme :

/// < summary>
/// Exemple de code pour la mise en forme
/// Retourne les différents états possible d’un lot
/// < /summary>
/// 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:

   /// <summary>
        /// Exemple de code pour la mise en forme
        /// Retourne les differents etats possible d'un lot
        /// </summary>
        /// <returns></returns>
        public List<string> MagListeEtatLot()
        {
            try
            {
                List<string> mesetats = new List<string>();
                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.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.