—»     —»   GeneralSyntax: вывод и подсветка кода на страницах
  Раздел: Скрипты и коды   Нет комментариев  

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



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: вывод и подсветка кода на страницах

Документация
Скачать примеры
Скачать скрипт
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: jQuery
Опубликовал omaxphp   Прочитано (раз): 2668   |   Нет комментариев
Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Май 2017    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031