4.08.14, 19:28
0 комментарий
  Уроки

GeneralSyntax: вывод и подсветка кода на страницах

Сегодня представляем вашему вниманию плагин 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>


GeneralSyntax: вывод и подсветка кода на страницах


Отображение кода внешнего файла

<pre src='index.php' style='height:500px; overflow: auto'></pre>
<script src='gs.js'></script>


GeneralSyntax: вывод и подсветка кода на страницах


Подсвечиваем как в 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>


GeneralSyntax: вывод и подсветка кода на страницах


Использование регулярных выражений для большого количества кода

<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>


GeneralSyntax: вывод и подсветка кода на страницах






шаблоны для dle 11.2

Напишите своё мнение