Данный скрипт представляет собой комплексное решение для работы с блоками кода на веб-страницах. Он включает в себя несколько ключевых функциональных модулей:
1. Подсветка синтаксиса
Поддерживаемые языки программирования:
JavaScript
SQL
C++
JSON
Bash
Markdown
HTTP
Java
CoffeeScript
Perl
Python
PHP
HTML
XML
и многие другие
2. Нумерация строк
Скрипт автоматически добавляет нумерацию строк для каждого блока кода:
Рассчитывает количество строк на основе высоты блока
Создает специальный контейнер для номеров
Добавляет номера строк с помощью HTML-разметки
3. Функция копирования кода
Реализована удобная система копирования кода:
Кнопка “Копировать” для каждого блока
Визуальная обратная связь при копировании
Всплывающее уведомление об успешном копировании
Использование современных API для работы с буфером обмена
4. Дополнительные возможности
Автоматическая подсветка синтаксиса
Поддержка различных форматов кода
Гибкая настройка стилей отображения
Совместимость с jQuery
Модульная структура для легкого расширения
Практическое применение
Скрипт идеально подходит для:
Документирования кода
Создания технических статей
Обучающих материалов
Демонстрации примеров кода
Разработки документации API
Благодаря продуманной архитектуре, скрипт легко интегрируется в существующие проекты и может быть настроен под конкретные требования. Все основные функции реализованы с учетом современных стандартов веб-разработки и обеспечивают высокую производительность.
установка проста, в нижнею часть сайта разместите данный код. или же на страницу мат и коммент к нему
Код
<script src='https://htmlstart.ucoz.net/code/code_color.js'></script>
<script type='text/javascript'>hljs.initHighlightingOnLoad('html', 'css', 'js');</script>
<script type='text/javascript'>hljs.initHighlightingOnLoad('html', 'css', 'js');</script>
после в css файл пропишите эти строки
Код
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');
@import url("https://htmlstart.ucoz.net/code/code_color.css");
@import url("https://htmlstart.ucoz.net/code/code_color.css");
все нужные файлы прикреплены к статье
