My photo
My photo

РАДЬКО ПЕТР CMTV

Возраст 21
Откуда Россия
Сфера интересов: программирование (web, android, unity), создание и развитие сетевых сообществ. Мое кредо — реальные проекты и самообразование. В этом мне помогает свободное владение английским. Люблю делиться тем, что узнал. Излагаю материал просто и наглядно в своих онлайн-учебниках. Мои проекты (на сейчас 41) описаны ниже.

Иконка

Code

Август 2018

Стандартные блоки кода в XenForo неудобные: нет номеров и подсветки строк, нельзя настроить распространенные языки для быстрой вставки и другие проблемы. Поэтому написал аддон, который сильно расширяет возможности блока кода в сообщении: собственный заголовок блока, три новые кнопки (развернуть, свернуть, скопировать), полоска изменения высоты, показ номеров и подсветка строчек кода.

Собственный заголовок и подсветка строк

Теперь пользователи могу указать собственный заголовок блока кода. Можно, например, указывать названия файлов, содержащих приведенный в блоке код. Без этого аддона, название файла приходилось писать либо в тексте перед блоком кода, либо упаковывать весь блок в спойлер с нужным заголовком.

Кроме того, есть возможность указать строки, которые будут подсвечиваться, привлекая внимание читателей.

Заголовок и номера строк для подсветки можно указать и напрямую в текстовом редакторе с помощью специальных параметров.

Кнопки Развернуть/Свернуть

Кнопка «Развернуть» плавно разворачивает блок кода до тех пор, пока его высота не станет равна высоте самого кода внутри него. Кнопка отображается только тогда, когда высота блока кода МЕНЬШЕ, чем высота самого кода.

Кнопка «Свернуть» плавно сворачивает блок кода до стандартной высоты блока кода, которую вы можете установить в настройках стиля. Кнопка отображается только тогда, когда высота блока кода БОЛЬШЕ, чем стандартная высота блока кода.

Обе кнопки видны, когда высота блока кода находится между высотой кода и стандартной высотой. На маленьких блоках кода (меньше стандартной высоты) кнопки не показываются вообще! Настроить стандартную высоту блока кода можно в настройках стиля.

Кнопка Скопировать

Тут все просто. Эта кнопка копирует все содержимое блока кода в буфер обмена:

Ресайзер

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

Распространенные языки и язык по умолчанию

Мне всегда казалось очень странным, что нельзя простым способом указать «Распространенные языки» для нашего конкретного форума. Помимо этого, на многих форумах может быть полезным выставить язык программирования по умолчанию. Аддон дает возможность самостоятельно указать распространенные языки и язык по умолчанию в админ-панели.

CSS класс для блока кода

С помощью специального параметра вы можете задать дополнительный CSS класс для блока кода. Это пригодится для стилизации некоторых блоков кода. Пример: