Сегодня я хочу представить вашему вниманию плагин GeneralSyntax (зависимость от jQuery 1.x), он позволяет отображать различный код (php, html, css, javascript и др.) на вашей странице. Скрипт позволяет вам самостоятельно указывать какие символы подсвечивать (также существует возможность при помощи регулярных выражений делать поиск атрибутов, любых символов и делать их подсветку) и делать это удобным способом.
Возможности
1. Обычное отображение кода (по умолчанию, bootstrap оформление)
2. Отображение кода из внешнего файла (прописывается атрибут src="PATH" )
3. Подсветка кода (подгружаемый из внешнего файла, описание цветов прямо в HTML)
<h5>Обычное отображение</h5>
<source lang="javascript">
<pre>
object {
like : function(){ alert("smile"); }
}
</pre>
<script src='gs.js'></script>
Отображение кода внешнего файла
<pre src='index.php' style='height:500px; overflow: auto'></pre>
<script src='gs.js'></script>
Подсвечиваем как в Notepad++
<pre class='gs' src='notepad.js.txt' style='background: #f2f4ff; color:#000'>
{
"function, this, false" : "#0000ad",
"// если ссылается на файл" : "#008000",
"script, <, >" : "#000080"
}
</pre>
<script src='gs.js'></script>
Использование регулярных выражений для большого количества кода
<pre class='gs' src='notepad.js.txt' style='background: #f2f4ff; color:#000'>
{
"\\/\\*[\\W|\\w]+\\*\\/" : "#008000", /* Рег. выражение */
"\\(, \\), ;" : "#8000ff",
"<, >, \\?, php" : "red",
"exit, Array" : "#0000ad",
"\\$, array" : "#000080"
}
</pre>
<script src='gs.js'></script>
Документация
Скачать примеры
Скачать скрипт
