Пример кода с номером строки?

Question

как добавить нумерованные строки в примеры кода, а также распечатать и просмотреть параметры простого текста, как в примерах кода в следующей ссылке ниже:

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

Answer 1

Вы должны проверить SyntaxHighlighter .

Answer 2

Лично я бы предпочел, чтобы вы не добавляли номера строк. Обычно они не добавляют ничего полезного и затрудняют копирование и вставку кода.

Если вы публикуете действительно длинный фрагмент и ссылаетесь на номера строк в тексте, возможно, лучше разбить его на куски.

Во всяком случае, нужно учитывать.

Answer 3

статья sitepoint, которую вы приводите в качестве примера, использует javascript для создания таблиц, а затем стилизует их с помощью css.

это плохой выбор. он помещает не табличную информацию в таблицы.

Вы можете сделать то же самое, используя div и span

Answer 4

Возможно, вы захотите использовать google-code-prettify . Я думаю, что Stack Overflow также использует его для подсветки кода. Можно настроить отображение номеров строк.

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

Я посмотрел на источник сайта, на который вы ссылались. Они используют Wordpress в качестве программного обеспечения для блогов. Есть плагин Wordpress, который позволяет вам это делать. Я использую его в Dreaming In JavaScript . Похоже, они используют тот же, что и я.