Exemple de code de ligne numéroté?

Question

comment voulez-vous ajouter des lignes numérotées à exemples de code et donnant également une impression et afficher les options de texte comme dans les exemples de code dans le lien ci-dessous:

http://www.sitepoint.com/blogs/2009/06/02/css-sizing-absolute-position/

Answer 1

Vous devriez vérifier SyntaxHighlighter.

Answer 2

l'article sitepoint vous donner un exemple utilise javascript pour créer des tables, puis les styles avec css.

c'est AMHA un mauvais choix. il met des informations non tabulaires dans les tableaux.

Vous pouvez accomplir la même chose que l'aide et divs enjambe

Answer 3

je regardais à la source du site que vous lié. Ils utilisent Wordpress comme logiciel de blog. Il y a un plug-in Wordpress qui vous permet de faire cela. Je l'utilise au Rêver dans JavaScript. On dirait qu'ils utilisent le même que je suis.

Answer 4

Si vous souhaitez appliquer simplement numéros de ligne à code, vous pouvez déployer un script simple comme:

#!/usr/bin/perl 

use strict; 
use warnings; 

my $file = $ARGV[0]; 
unless (-f $file) { 
    print "File name has to be provided.\n"; 
    exit; 
} 

open my $fh, '+<', $file or die $!; 
my @lines = <$fh>; 
seek $fh, 0, 0; 

my $line_number = 0; 
for (@lines) { 
    print $fh $line_number++, ": ", $_; 
} 

Il suffit de passer le fichier à ligne numérotée comme premier argument. Gardez toujours une copie de sauvegarde du fichier original.

Answer 5

Personnellement, je préférerais que vous n'a pas ajouter des numéros de ligne. En général, ils n'ajoutent rien d'utile et rendent plus difficile la copie et le collage du code.

Si vous publiez un extrait très long et en se référant à des numéros de ligne dans votre texte, il pourrait être préférable de le casser en morceaux.

Quelque chose à considérer, de toute façon.

Answer 6

Vous pouvez utiliser google-code-prettify. Je pense que Stack Overflow l'utilise aussi pour la mise en évidence du code. Il peut être configuré pour afficher les numéros de ligne.