------------------------------------------------------------ TWD Software | TWD HUB | FreeWare License | 2022 by SKYER || ------------------------------------------------------------ https://twdhub-a.usite.pro/load/dew_ucoz/podsvetka_koda_highlights_na_jukoz/1-1-0-30
------------------------------------------------------------ Установка в < Head > Код
Установка перед < / body > ----------------------|| ----------ИЛИ--------_||_ ---------------------\ / \/ ---------------------------------------------|| ---------------------------------------------|| Подсветка кода на Юкоз при помощи HighLights, оптимизация кода, чтобы не было слияния строк и разрывов за пределы странички. В свое время нам пришлось отказаться от ХайЛайт подсветки синтаксиса на Юкоз. Но ответы найдены, благодаря неадекватности codeMirror, который мы хотели с этой целью сюда вставить. И так, что нам надо, учитывая особенности Юкоза: Сделать костыль, чтобы HL форматировал не в pre и code, но и в bbCodeBlock форме. Сделать скрипт-мульти-пак, для подсветки всех языков. Сделать свой стиль подсветки на основе смеси monokai и codeMessage - иначе не выйдет.Сделать и довести до ума генерацию нумерации строк, по желанию. Мы на сайте отключили. Делаем костыль для обработки Юкозовского bbCodeBlock. По умолчанию код такой:
Код
--Содержимое текстового код-блока
Для начала вы можете подключить всю библиотеку с нашего сайта, ссылки выше. Но понадеемся, что вы умный человек, и уже все сделали! Теперь к адаптации между скриптом ХЛ и Юкозом. Вот он, ссылка на файлик также выше. Помещаем его в конец тела сайта, перед Cам Скриптик:
-------------------------------------- || Или в тело html внизу страницы || -------------------------------------- < script>
$(document).ready(function() { $('.bbCodeBlock').each(function(i, block) { hljs.highlightBlock(block); }); }); < /script> Наш костыль готов!, теперь Хайлайт Работает с родными Юкозовскими классами стилей bbCodeBlock! Мультипак со всеми языками уже по сути есть, мы лишь кое что в нем подправили для удобства, оптимизировав под Юкозовские стандарты. Вот ссылка на файл! Рекомендуем использовать данную ссылку у себя на сайте, поскольку мы будем регулярно обновлять все коды, дорабатывать. Таким образом у вас всегда будет подключена последняя версия скрипта! - ЗАПУСК ХЛ - АКТИВИРУЕТ МОДУЛИ ПЕРВЕЕ ПРОЧИХ ПРИ ЗАГРУЗКЕ Теперь к стилям, опять же, с адаптацией под скрипт и под Юкоз - иначе никак... За основу мы взяли стили monokai и codeMessage Для начала разберемся с Юкозом. Через ПУ ищем в css гдето в 600-700 строках, в зависимости от шаблона, .codeMessage Нашли, а тепрь меняем цвет основного текста внутри КОД-а, и цвет фона. Именно здесь надо править все, а не в ХЛ стилях. Оттуда не заработает. Вот наш стиль синего фона и белого цвета текста --------------------------------------------------------- .codeMessage { padding: 5px; font: 11px 'Consolas', 'Courier New', 'sans-serif'; background-color: #001f4c; color: #f6f8fa; } ------------------------------------------------------- Далее уже подправленный и доработанный стиль monokai НОМЕРАЦИЯ СТРОК, она уже ВКЛЮЧЕНА в нашу подборку! Подключается через скрипт: Также в последний скрипт включена ЗАГРУЗКА всего модуля, выводить не надо! -----------------------Readme.txt by TWD SoftWare 2022-------------------------------