Обучение работе с персональным компьютером


Подсветка кода PHP в DLE 9.2 и выше


Иногда веб-мастера сталкиваются, на первый взгляд, с небольшой проблемой. С организацией подсветки PHP кода на сайте. Такая необходимость возникает для более понятного и наглядного преподнесения материала пользователям. Буквально недавно возникла такая потребность и на нашем сайте. Огромное количество решений этого вопроса, не дало нужного результата. Причиной таких сложностей, часто становится различие в версиях DLE и в корректности кода. Решение было найдено благодаря Google. Самое важное, что после установки подсветки кода, нагрузка на сайт осталась минимальной, при незначительном увеличении веса страницы. Теперь давайте рассмотрим, как реализовать на сайте с движком DLE 9.2, подсветку кода.

Для того, чтобы организовать подсветку кода, необходимо скачать скрипты Google Code Prettify с официального сайта. Размер архива не велик и весит всего (15.25 Kb). Зайдите в папку templates/ваш шаблон и создайте новую папку под названием, например, js, если такая директория есть, то создавать ничего не надо. Распакуйте скачанный архив в папку js. Откройте редактором основной файл вашего сайта main.tpl и между тегами


<head></head>

вставьте следующий код (если вы изменили название папки, то не забудьте изменить путь к ней в коде):


<script type="text/javascript" src="{THEME}/js/prettify.js"></script>
<link type="text/css" rel="stylesheet" href="{THEME}/js/prettify.css" />

В тег
<body>

вписываем следующий код и получаем вот такой результат:


<body onload="prettyPrint()">

Теперь для корректной работы скриптов Google необходимо внести некоторые изменения в файл .htaccess находящийся в директории templates/ваш шаблон/js


Order Deny,Allow
Allow from all

Options -Indexes

И последнее, что вам необходимо сделать - это скачать файл parse.class.php заменив им свой находящийся по адресу /engine/classes/parse.class.php. Не каждый из пользователей разбирается в коде PHP и для того, чтобы не испортить безвозвратно файл в своем движке, качаем готовый вариант parse.class.rar [10,73 Kb].

Если вам вдруг не понравились цвета, то изменить вы их сможете в файле prettify.css находится он templates/ваш шаблон/js/prettify.css, для того, чтобы появилась возможность просматривать весь код, надо в файле prettify.css в класс prettify вставить следующий код:


overflow: auto;

В классе prettify вы можете задать ширину и высоту, цвет фона, размер шрифта, ширину и вид бордюра выводимого блока с кодом. Чтобы изменения вступили в силу, зайдите в административный центр вашего сайт и очистите кэш. Теперь на вашем сайте будет работать подсветка кода. Пользуйтесь!

Похожие статьи на нашем сайте:


Прокрутка страницы Прокрутка страницы На многих сайта, в правом нижнем углу вы, наверное,  замечали стрелочку, с помощью которой осуществляется прокрутка страницы вверх? Конечно, да....
Валидный плеер YouTube Валидный плеер YouTube При создании веб-ресурса, иногда возникает необходимость в использовании видеоматериалов. Как известно самое большое в мире интернет-хранилище видео...
Шрифты для сайта Шрифты для сайта Красивое оформление сайта имеет огромное значение. В оформление сайта входит не только использование графических изображений, но и шрифтов. Шрифты...
Блочная и табличная верстка Блочная и табличная верстка Каждый из веб-мастеров сталкивался с дилеммой, как сверстать HTML - документ, блоками или таблицей? На этот вопрос в Интернет есть много мнений, одни...
Скорость загрузки сайта Скорость загрузки сайта Скорость загрузки сайта, является одной из важнейших задач, которую должен решить каждый веб-мастер. Не секрет, что "быстрый сайт" значительно...




Информация
Комментировать статьи на нашем сайте возможно только в течении 90 дней со дня публикации.

Главная | Обратная связь | Статистика

Copyright © 2011-2015 | Персональный компьютер для начинающих пользователей