KorniloFF-ScriptS ©

Здравствуйте, Гость!
 
Page
Menu

Подсветка синтаксиса кода

Ранее эта статья была написана о фреймворке highlight.js, разраборанном Иваном Сагалаевым. Какое-то время я пытался им пользоваться у себя в сайте, но столкнулся с проблемой некоторой несовместимости наших кодов, что постоянно влекло за собой неверную подстветку синтаксиса. Более того, некоторые теги воспринимались броузерами как элементы HTML-разметки страницы, что меня совсем не устраивало.

Как и многие другие продукты, претендующие на максимальную универсальность использования, этот фреймворк оказался подвержен тем же недостаткам. А именно: много сложного кода, пытающегося обработать всевозможные ситуации; отсутствие бесконфликтной работы с другими программными продуктами; большая трудоемкость в тонкой адаптации под конкретный ресурс.

Исходя из вышеизложенного, я решил сделать маленький плагин к своей библиотеке, выполняющий пусть и меньше функций, однако на порядок более легкий и быстрый в работе. Если вы не пользуетесь моей библиотекой, то подключать ее ради этого плагина смысла совершенно нет. Будет намного проще подключить тот же фреймворк Сагалаева, либо другой готовый аналог.

Дальнейшие описания будут интересны только пользователям моих скриптов.

Если вы уже пользуетесь моими скриптами, и при этом есть необходимость подсветки синтаксиса кодов HTML и javascript, то нужно выполнить следующие действия.

Подключение плагина ColorCode.js

    Как всегда все очень просто.
  • Скачать сам скрипт и загрузить его себе на хостинг. Далее предполагаем, что абсолютный путь к файлу будет /js/addons/ColorCode.js
  • Скачать стили подсветки и загрузить файл себе на хостинг ОБЯЗАТЕЛЬНО по адресу /css/ColorCode.css. Этот файл можно редактировать самостоятельно, добиваясь желаемых цветов подсветки. Главное - не менять указанный путь к нему.
  • Подключить скрипт в разметку сайта после полей с кодом для подсветки -
Комментарии к теме (0)

Комментариев пока нет.

Дабавить комментарий