Question

如何在代码示例中添加编号行，并提供打印和查看纯文本选项，如下面链接中的代码示例所示：

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

Answer 1

您应该查看SyntaxHighlighter。

Answer 2

您提供的sitepoint文章作为示例使用javascript创建表，然后使用css对它们进行样式化。

这是一个糟糕的选择。它将非表格信息放入表格中。

虽然使用div和span

，但你可以完成同样的事情

Answer 3

就个人而言，我希望你没有添加行号。它们通常不会添加任何有用的内容，并且会使复制和粘贴代码变得更加困难。

如果您发布了一个非常长的代码段并在文本中引用了行号，那么最好将其分解为块。

无论如何要考虑的事情。

Answer 4

我查看了您链接到的网站的来源。他们使用Wordpress作为他们的博客软件。有一个Wordpress插件可以让你这样做。我在 Dreaming In JavaScript 中使用它。看起来他们正在使用我自己的那个。

Answer 5

如果您只想将行号应用于代码，您可以推出一个简单的脚本，如：

#!/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++, ": ", $_;
}

将文件作为第一个参数传递给行编号。始终保留原始文件的备份。

Answer 6

您可能想要使用google-code-prettify。我认为Stack Overflow也使用它来代码突出显示。它可以配置为显示行号。

编号的行代码示例？

6 个答案: