Подсветка кода на сайте

Действительно. Тогда можно посмотреть в сторону этого решения http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html

14:41

Если в варианте Default добавить номера всех строк и сделать прокрутку, то будет то, что надо.

16:31

Он это вполне умеет http://take.ms/591TJ

22:31

Могли бы настроить для меня этот скрипт, чтобы я только залил нужные файлы на сервер и пользовался? 3$ устроит + хороший отзыв на любую сумму для рейтинга?

22:49

Хорошо. Позже скину инструкции

22:56

Ок, спасибо

10 июля 2014

10:49

Инструкция подсветки кода с автоматической загрузкой кода с сервера googlecode.

- Вставить в HEAD

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

- Добавить в свой css

.prettyprint{
max-height: 100px; /* Максимальная высота блока кода (до появления скролла) */
overflow: auto;
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style-type: decimal;
}

Инструкция подсветки кода с кодом на своём сервере.

- Отсюда https://code.google.com/p/google-code-prettify/downloads/list скачать Minimized JS and CSS sources

- Распаковать из архива папку со скриптами на сервер

- Вставить в HEAD

<link href="ПУТЬ ДО/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="ПУТЬ ДО/prettify.js"></script>

- К тэгу body приписать onload=" prettyPrint ()"

<body onload="prettyPrint()">

- В конец prettify.css дописать

.prettyprint{
max-height: 100px; /* Максимальная высота блока кода (до появления скролла) */
overflow: auto;
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
list-style-type: decimal;
}

Готово. Код будет подсвечиваться в контейнере

<pre class="prettyprint linenums">ЗДЕСЬ КОД</pre>

Для комментирования войдите или зарегистрируйтесь

PDF