- SyntaxHighlighter подсветка синтаксиса кода на сайте
- Детали урока «Подсветка синтаксиса кода на сайте»
- Как подсветить синтаксис HTML-кода средствами PHP
- Встроенные PHP-функции подсветки синтасиса кода
- PHP скрипт подсветки HTML-кода
- Пример подсветки HTML
- Кто же такой Артем Федоров
- Результат работы скрипта
- Кто же такой Артем Федоров
- PHP класс для HTML подсветки.
SyntaxHighlighter подсветка синтаксиса кода на сайте
От автора: иногда необходимо опубликовать на своем сайте исходный код программы, с подсветкой синтаксиса. Именно эту задачу мы с Вами будем решать в данном уроке. С помощью плагина SyntaxHighlighter и нескольких строк кода PHP мы реализуем публикацию кода с подсветкой его синтаксиса.
В качестве исходников к данному уроку я воспользуюсь исходниками из урока Установка визуального редактора с файловым менеджером. Сразу оговорюсь, что если Вы публикуете материал на своем сайте без использования визуального редактора, то Вы будете избавлены от некоторых недостатков визуальных редакторов. Если же Вы используете все же визуальные редакторы, то публиковать код нужно будет в режиме кода (не в визуальном режиме).
Внимание. В связи со спецификой публикации (при публикации используются BB-теги, которые пересекаются с публикуемыми BB-тегами) рекомендуется просмотреть текстовую версию из исходников.
Итак, приступим к публикации кода с подсветкой синтаксиса
Детали урока «Подсветка синтаксиса кода на сайте»
Тема: PHP, JavaScript
Онлайн курс «PHP-разработчик»
Изучите курс и создайте полноценный проект — облачное хранилище файлов
С нуля освоите язык программирования PHP, структурируете имеющиеся знания, а эксперты помогут разобраться с трудными для понимания темами, попрактикуетесь на реальных задачах. Напишете первый проект для портфолио.
Сложность: Средняя
Урок: Видео версия (.mp4)
Время: 01:04:27
Размер архива: 168 Mb
Для подсветки синтаксиса кода воспользуемся плагином SyntaxHighlighter. На самом деле подобных плагинов в сети Вы можете найти множество, но мне приглянулся именно этот.
На момент записи урока версия данного плагина — 3.0.83. Но в уроке мы воспользуемся более ранней версией, которую я нашел в сети. Почему не актуальной версией? Дело в том, что в актуальной версии автор плагина почему-то убрал иконку копирования кода:
Вместо этой панельки осталась панелька с единственной иконкой — информацией о плагине. Папку syntaxhighlighter с плагином поместим в папку со скриптами — js. В папке плагина Вы найдете сам скрипт, стили, картинки и темы оформления. Все это нужно подключить на страницу, где планируется публикация кода. Остановиться стоит на файлах, которые Вы найдете в папке scripts плагина. Здесь более двух десятков скриптов. Каждый файл отвечает за синтаксис того или иного языка. Полагаю, Вы уже догадались, что из этой папки мы будем подключать файлы в зависимости от языка, код на котором собираемся публиковать. Например, если мы планируем публиковать код PHP, CSS, JavaScript и HTML, то нам потребуется подключить 4 файла: shBrushPhp.js, shBrushCss.js, shBrushJScript.js, shBrushXml.js.
Как Вы заметили, окончание названия файла «говорит» о языке, синтаксис которого поддерживает данный файл. Последний файл с окончанием Xml поддерживает синтаксис и XML, и HTML. Итак, подключаем файлы и вызываем плагин (строка кода — SyntaxHighlighter.all();):
Как подсветить синтаксис HTML-кода средствами PHP
Вы, наверное, не раз сталкивались с примерами подсветки кода на различных сайтах. Ну Вы же как-то учились?) В данной статье мы рассмотрим то, как самостятельно написать скрипт подсветки синтаксиса HTML-кода средствами PHP.
Пример очень простой и Вы с лёгкостью сможете его доработать при необходимости.
function light ($str) <
// переменные с цветами - открывающим тегом font
$a = ""; $b = "";
$c = ""; $d = "";
// слова-функции, которые будут обработаны и подсвечены
$tring="spliti preg_match_all Location elseif touch unlink split".
" abs microtime else empty eregi_replace eregi trim strlen".
" explode list int count ereg_replace substr break if echo".
" date time function usort fclose fputs fopen foreach mail".
" file_exists global sleep return is_file while getenv false".
" is_readable clearstatcache exit header array gethostbyaddr".
" setcookie sizeof flock filesize str_replace include ereg file for each";
$cheng = explode (" ", $tring);
$strok = explode (" ", $str);
$str="";
for($ii=0; $ii < sizeof($strok); $ii++)<
for($i=0; $i < sizeof($cheng); $i++)<
if( eregi("$cheng[$i]", $strok[$ii])) <
preg_match_all("/(?|[?a-zA-Z0-9_%\$])($cheng[$i])([?a-zA-Z0-9_]|$)/", $strok[$ii], $array);
while(list($key, $val) = each ($array[0]))
$strok[$ii] = eregi_replace ("$cheng[$i]","$cheng[$i]",$strok[$ii]);
>
>
$str .= " $strok[$ii]";
>
// поочередно заменяем знаки и теги на соответствующие же символы, уже выделенные цветным оформленем
$str = eregi_replace ("\(", "$b(", $str);
$str = eregi_replace ("\)", "$b)", $str);
$str = eregi_replace ("\", $str);
$str = eregi_replace ("\>", "$b>", $str);
$str = eregi_replace ("", $str);
$str = eregi_replace ("\?>","$d?>", $str);
$str = eregi_replace ("","$d ", $str);
$str = eregi_replace ("","$d", $str);
$str = eregi_replace ("","$d ", $str);
$str = eregi_replace ("","$d", $str);
$str = eregi_replace ("\?>","$d?>", $str);
$str = eregi_replace ("","$d ", $str);
$str = eregi_replace ("","$d", $str);
$str = eregi_replace ("","$d ", $str);
$str = eregi_replace ("","$d", $str);
$cheng = explode (" ", $str);
$str ="";
for($i=0; $i < sizeof($cheng); $i++)<
if ( eregi("(?|[?\w\W]*)(\\\$[\w]*)([?\W]*|$)", $cheng[$i])) <
preg_match_all("/(?|[?\w\W]*)(\\\$[\w]*)([?\W]*|$)/", $cheng[$i], $array);
while(list($key, $val) = each ($array[0])) <
list($a1,$a2) = explode ("\$",$val);
$val_sss = "\\" ."\$" ."$a2";
$val = "\$"."$a2";
$cheng[$i] = eregi_replace ("$val_sss", "$c$val", $cheng[$i]);
>
>
$str .= " $cheng[$i]";
>
return $str; // возвращаем html-код - текст в тегах
>
С кодом, надеюсь, всё понятно. Если будут вопросы, то пишите в комментариях.
Теперь о том как вызвать функцию. Рассмотрим сложный случай, текст из файла (из строковой переменной, думаю, понятно, что будет проще):
// считываем ваш файл в массив строк и запускаем цикл
$general = @file("ваш_файл.html"); // файл с путем к нему, если в другой директории
// Напоминаю, знак @ нужен для того, чтобы в случае ошибки текст с ней не выводился пользователю
// построчный перебор текста с заменой.
for($i = 0 ; $i < count($general); $i++)<
// изменяем цвета слов в строках
$general[$i] = light ($general[$i]);
// печатаем строки с изменениями
echo" $general[$i] ";
>
Данный список можно пополнить синтаксическими единицами иных языков: PHP, JavaScript и других.
Встроенные PHP-функции подсветки синтасиса кода
Да, есть! Это функция highlight_string. Можете попробовать указанный ниже пример.
//PHP Скрипт
$code = ' if(!$flag) echo("Тут мог бы быть Hello, world");
$var = 1;
>
else break;
?>';
highlight_string($code)
?>
Если Вы хотите подсветить HTML-код, то для этого Вам понадобится нужный код обозначить как PHP, например:
Иначе функция его не проработает. Ну или смотрим первый пример.
PHP скрипт подсветки HTML-кода
Для подсветки HTML-кода я использую PHP-скрипт, который написал сам. Цвета подсветки я взял с Adobe Dreamweaver.
Незнаю как многие, но я не люблю использовать готовые решения, всякие фреймворки и левые скрипты — это не для меня, исключение наверно составит форум, а так люблю все делать сам. И опыта в программировании набираешься, да и свое родное внедрить проще.
Ниже показан класс написанный на PHP, который подсвечивает HTML-синтаксис.
Пример подсветки HTML
Все достаточно просто, создаем объект класса HTMLHighlight и передаем исходный код HTML, в виде строки, в метод HTMLHighlight::html($html)
$HTMLHL = new HTMLHighlight ();
var jsAlert = «Естественно это не полная версия скрипта,\n»;
jsAlert += «можно чуток доработать самому,\n»;
jsAlert += «а могу полный скрипт скинуть. Хотите узнать за что?\n»;
jsAlert += «Пишите на почту: grenouer@mail.ru или me@artemfedorov.ru\n»;
Кто же такой Артем Федоров
Я — гражданин Российской Федерации.
В детсве немножко застал СССР, ходил две недели в детский сад, затем учился в школе,
потом в колледже, и наконец в институте.
Занимаюсь чем попало.
Женат, воспитываю сына.
| © 2010 Артем Федоров Пишите на me@artemfedorov.ru | Калькулятор стоимости сайта | Карта сайта |