Стили и фрагменты HTML предоставляют решение проблемы повторного использования элементов форматирования и упрощают задачу поддержания единого оформления сайта. Стили QP7 являются оболочкой над стилями CSS. Они могут быть использованы в визуальном редакторе в выпадающих списках Стиль и Родительский Стиль.

Фрагменты HTML представляют собой HTML-код либо просто текст, который может быть вставлен в статью через визуальный редактор. Они дают возможность редакторам добавлять повторяющиеся элементы, которые нужны в нескольких статьях, но их по каким-то причинам нельзя вынести на уровень структуры в качестве отдельного поля. Фрагменты HTML вызываются из визуального редактора с помощью кнопки Вставить фрагмент HTML.

Управление стилями и фрагментами HTML осуществляется на уровне сайта в окне Стили (Сайты / Название сайта / Стили). Чтобы добавить новый стиль или фрагмент, нажмите кнопку Новый стиль в правом нижнем углу экрана. QP7 откроет окно Новый стиль.

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

• Способ использования:
  • Применить к родительскому тегу – относительно текущего выделения/позиции курсора в визуальном редакторе будет найден ближайший родительский тег, указанный в поле Применить к тегу, и к нему уже будет применен стиль. Можно не задавать тег явно, а выбрать опцию первый родитель.
  • Применить напрямую – текущее выделение в визуальном редакторе обертывается в тег, указанный в поле Применить к тегу.

• Название – будет показано пользователю в визуальном редакторе.
• Применить к тегу – HTML-тег, к которому будет применен стиль. Конкретный режим работы зависит от поля Способ использования.
• Класс – CSS-класс, который будет задан у элемента, при применении к нему стиля QP7. Класс может быть выбран из списка классов глобального CSS, который должен быть предварительно настроен. (Настройка глобального CSS).
• Атрибуты HTML – стили QP7 расширяют стандартные стили CSS тем, что позволяют задавать у элементов необходимые HTML-атрибуты
• Описание – необязательное текстовое поле. Может содержать любые комментарии.

После выбора переключателя Фрагмент HTML отображаются следующие параметры:

• Название фрагмента – имя, используемое для идентификации.
• Код HTML – код, который будет вставлен в выбранное место документа при использовании функциональности Вставить фрагмент HTML в визуальном редакторе.
• Описание – необязательное текстовое поле. Может содержать любые комментарии.