Исходный код
Вставьте код, откройте файл UTF-8 или загрузите пример для выбранного языка.
Syntax Highlighter / Возможности
Сделайте код понятнее для читателя.
Вставьте или импортируйте код, выберите язык и тему и наблюдайте за изменениями в предпросмотре. Настройте эффекты строк и сохраните HTML или PNG прямо в браузере.
Всё для подготовки примера: от исходного кода до готового файла.
Языки и темы
Ищите языки, псевдонимы и темы. Отбирайте светлые или тёмные темы.
Эффекты строк
Задайте диапазоны, цвета и непрозрачность для выделения, фокуса, добавленных и удалённых строк.
Предпросмотр и настройки
Сразу просматривайте изменения и проверяйте JSON-конфигурацию результата.
Вывод HTML
Копируйте или скачивайте HTML со встроенными стилями, отдельным CSS-файлом или Tailwind CSS.
Изображения и оформление
Сохраняйте PNG, настраивайте номера строк, сворачивайте разделы и превращайте URL в ссылки.
Попробуйте весь процесс в браузере.
Загрузите демо и попробуйте выделение, фокус, добавленные и удалённые строки, сворачивание и нумерацию. Предпросмотр и скачанные файлы используют одинаковые настройки.
Подсветка кода онлайн