Как красиво вставить код в статью на хабр?

Question

[esin]

Всем добрый день.

Недавно написал статью в песочницу. Это моя первая статья на хабре. В ней присутствует код, который я занес в тег «code». Но при предпросмотре и после публикации код все равно выглядел как plain text. Подскажите, как грамотно вставлять код в статью? У меня конечно есть предположение, что нужно использовать сторонние редакторы, типа ХабраРедактора, но я надеюсь что это я где-то накосячил, и можно обойтись местным редактором. Спасибо!

Answer 1

[pyJIoH]

Есть природный механизм — тег source lang=«имя_языка»

Comments

[esin]

Прошу прощения, не понял. Я не очень силен в html, поэтому пользуюсь справочником htmlbook.ru. Тэг source там не найден. Я находил у тэга code атрибут lang у тэга code, но как я понял, это универсальный атрибут, который нужен для уточнения языка, на котором написано содержимое тега, чтобы корректно отображались национальные символы.

[pyJIoH]

Например, <source lang=«java»>ваш код<source>

    public int hashCode() {
	int h = hash;
	if (h == 0) {
	    int off = offset;
	    char val[] = value;
	    int len = count;

            for (int i = 0; i < len; i++) {
                h = 31*h + val[off++];
            }
            hash = h;
        }
        return h;
    }

[Анатолий]

Это нестандартный тэг:
<source>
function trim(str)
{
return str.replace(/^\s+/,'').replace(/\s+$/,'');
}
</source>
Будет выглядеть как

function trim(str)
{
	return str.replace(/^\s+/,'').replace(/\s+$/,'');
}

[esin]

Спасибо!

Answer 2

[Дмитрий Жильцов]

def BuildFileList(path, mask, flist):
	import os
	lPath = path
	lsFiles =  os.listdir(lPath)
	for f in lsFiles:
	        fName = path + '\\' + f 
		if (os.path.isdir(fName)):
			BuildFileList(fName, mask, flist)
		else:
			if (fName.find(mask) >= 0):
				flist.append(fName)

а выглядит это так pastebin.com/raw.php?i=61WDRBMX

думаю так вам понятно будет

Answer 3

[Igor Petrov]

Например, есть такой вариант.
А если хотите показать код, которым необязательно захламлять место, то можно его закинуть сюда, а в статье привести ссылки.

Comments

[esin]

Спасибо! Буду иметь в виду.

Answer 4

[Максим]

Я использовал тег , когда копировал команды и их выводы из консоли в статью, он сохраняет все столбцы и форматирование. Попробуйте его вместо .

Comments

[Максим]

Простите теги не видно, первый тег PRE, второй я хотел сказать CODE

[esin]

Спасибо! Сейчас попробую.

Answer 5

[ComputerPers]

А кто-нибудь знает, когда появится подсветка для PowerShell? а то когда оформляю код, приходится использовать perl :-(