Версия: HL-Uc-CODE
|
Внимание! Модули сайта находятся в процессе разработки. Функционал доступен частично. МЫ НЕ СТОИМ НА МЕСТЕ, А СТАРАЕМСЯ СДЕЛАТЬ САЙТ УНИКАЛЬНЫМ!
Ограничение функций от сервисов Ucoz является помехой,но мы будем искать варианты, ведь многие функции либо скрыты и не запрещены,  Установка в < Head > Код <link rel="stylesheet" href="https://twdhub-a.usite.pro/highl-twd/styles/base16/monokai.css"> <script src="https://twdhub-a.usite.pro/highl-twd/highlightjs-line-numbers.min.js"></script> <script src="https://twdhub-a.usite.pro/highl-twd/highlight.pack.js"></script> <link rel="preload" href="https://twdhub-a.usite.pro/highl-twd/highlight.pack.js" as="script"> Установка перед < / body > Код <script type="text/javascript" src="https://twdhub-a.usite.pro/highl-twd/Uc-symb-HL.js"></script> -----ИЛИ----- <script> $(document).ready(function() { $('.bbCodeBlock').each(function(i, block) { hljs.highlightBlock(block); }); }); </script> Подсветка кода на Юкоз при помощи HighLights, оптимизация кода, чтобы не было слияния строк и разрывов за пределы странички. В свое время нам пришлось отказаться от ХайЛайт подсветки синтаксиса на Юкоз. Но ответы найдены, благодаря неадекватности codeMirror, который мы хотели с этой целью сюда вставить. И так, что нам надо, учитывая особенности Юкоза:
Делаем костыль для обработки Юкозовского bbCodeBlock. По умолчанию код такой: Код <div class="bbCodeBlock "> <div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt">Код</div> <div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;">--Содержимое текстового код-блока</div> </div> Для начала вы можете подключить всю библиотеку с нашего сайта, ссылки выше. Но понадеемся, что вы умный человек, и уже все сделали! Теперь к адаптации между скриптом ХЛ и Юкозом. Вот он, ссылка на файлик также выше. Помещаем его в конец тела сайта, перед < / body> Код Cам Скриптик: <br> <script type="text/javascript" src="https://twdhub-a.usite.pro/highl-twd/Uc-symb-HL.js"></script> ------------------------------------- Или в теле файла html: <br> <script> $(document).ready(function() { $('.bbCodeBlock').each(function(i, block) { hljs.highlightBlock(block); }); }); </script> Наш костыль готов!, теперь Хайлайт Работает с родными Юкозовскими классами стилей bbCodeBlock! Мультипак со всеми языками уже по сути есть, мы лишь кое что в нем подправили для удобства, оптимизировав под Юкозовские стандарты. Вот ссылка на файл! Код <script src="https://twdhub-a.usite.pro/highl-twd/highlight.pack.js"></script> - ЗАПУСК ХЛ <link rel="preload" href="https://twdhub-a.usite.pro/highl-twd/highlight.pack.js" as="script"> - АКТИВИРУЕТ МОДУЛИ ПЕРВЕЕ ПРОЧИХ ПРИ ЗАГРУЗКЕ Теперь к стилям, опять же, с адаптацией под скрипт и под Юкоз - иначе никак... За основу мы взяли стили monokai и codeMessage Для начала разберемся с Юкозом. Через ПУ ищем в css гдето в 600-700 строках, в зависимости от шаблона, .codeMessage Нашли, а тепрь меняем цвет основного текста внутри КОД-а, и цвет фона. Именно здесь надо править все, а не в ХЛ стилях. Оттуда не заработает. Вот наш стиль синего фона и белого цвета текста Код .codeMessage { padding: 5px; font: 11px 'Consolas', 'Courier New', 'sans-serif'; background-color: #001f4c; color: #f6f8fa; } Далее уже подправленный и доработанный стиль monokai Код <link rel="stylesheet" href="https://twdhub-a.usite.pro/highl-twd/styles/monokai.css"> НОМЕРАЦИЯ СТРОК, она уже ВКЛЮЧЕНА в нашу подборку! Подключается через скрипт: Код <script src="https://twdhub-a.usite.pro/highl-twd/highlightjs-line-numbers.min.js"></script> Также в последний скрипт включена ЗАГРУЗКА всего модуля, выводить < script >hljs.initHighlightingOnLoad();< /script > не надо! Подробная инструкция доступна в Readme.txt Уважаемые пользователи! Копирование новостей разрешено только с указанием ссылки на данную новость на другом сайте. При обнаружении нарушения будут приняты меры, связанные с защитой авторских прав по пункту законов о плагиате и нарушении авторских прав. На сайте используются только оригинальные материалы, без копирования из других источников. Все скрипты и коды здесь - наши авторские работы. Чужие работы мы бережно выносим на отдельные html странички, со ссылками на оригинальный материал. ПРИМЕРУважайте чужой труд! | |
| Категория: Разработки Ucoz | | | |
| Всего комментариев: 0 | |
