Как в битриксе выделить жирным

В системе 1С-Битрикс выделение текста жирным может выполняться как через визуальный редактор, так и с помощью HTML-кода. В визуальном режиме достаточно выделить нужный фрагмент и нажать комбинацию Ctrl + B или воспользоваться кнопкой «Ж» на панели инструментов.

При работе в режиме HTML применяется тег , который добавляет семантическое выделение. Например: Важный текст. Этот способ используется, если нужно точно контролировать верстку или структура страницы редактируется напрямую.

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

Использование визуального редактора для выделения текста

В административной части Битрикс для редактирования контента применяется встроенный визуальный редактор. Чтобы сделать текст жирным, достаточно выделить нужный фрагмент и нажать кнопку B на панели инструментов. Редактор автоматически оборачивает выбранный текст в тег , что обеспечивает корректное отображение на сайте.

Если кнопка не отображается, необходимо открыть меню «Настройки панели инструментов» и активировать опцию «Жирный». Это позволит использовать комбинацию клавиш Ctrl + B для ускорения работы, без постоянного обращения к панели.

В визуальном редакторе можно переключиться в режим «HTML» для проверки разметки. Там важно убедиться, что жирное выделение оформлено именно через тег  или , так как некорректные теги могут привести к нарушению стилей или неправильному отображению текста на разных страницах.

Применение кнопки «Ж» в панели редактирования контента

Кнопка «Ж» в визуальном редакторе Битрикс выполняет функцию быстрого добавления тега  или  в HTML-коде. Она используется для выделения ключевых слов, акцентирования внимания на важных элементах текста и структурирования длинных материалов.

Чтобы применить жирное начертание, выделите нужный фрагмент и нажмите «Ж». В результате система автоматически обернёт выделенный текст в соответствующий HTML-тег. В режиме кода будет видно преобразование:

Действие	Результат в редакторе	HTML-код
Выделен текст «Битрикс» и нажата кнопка «Ж»	Битрикс	<b>Битрикс</b>
Выделен текст «важный пункт»	важный пункт	<strong>важный пункт</strong>

Рекомендуется использовать  для выделения действительно значимых слов, так как этот тег дополнительно учитывается поисковыми системами.  лучше применять для визуального акцента без семантической нагрузки.

Чрезмерное использование кнопки «Ж» снижает читаемость и негативно влияет на восприятие текста. Оптимально выделять только 1–2 ключевых элемента в каждом абзаце.

Горячие клавиши для быстрого выделения жирным

В визуальном редакторе Битрикс жирное начертание можно применить без мыши, используя стандартные комбинации клавиш.

Windows/Linux: Ctrl + B
macOS: Command + B

Клавиши работают в редакторе статей, почтовых шаблонов и карточках CRM. Выделите нужный фрагмент текста и нажмите сочетание – система сразу применит тег  или .

Рекомендации:

Выделяйте только ключевые слова или короткие фразы – избыточное выделение снижает читаемость.
Проверяйте результат в режиме «HTML-код», чтобы избежать лишних вложенных тегов.
Используйте жирное начертание для акцентов в заголовках, ценах и важных условиях.

Вставка HTML-тега или в коде

В шаблонах и компонентах Битрикс для выделения текста можно напрямую использовать теги  и . Они воспринимаются движком без преобразований и отображаются в браузере как жирное начертание.

Тег  применяют, когда нужно визуально усилить отдельное слово или символ без смыслового акцента. Пример: Акция.

Тег  подходит для выделения ключевых фраз с семантическим значением. Поисковые системы учитывают его как признак важности текста. Пример: Бесплатная доставка.

Если используется визуальный редактор в админке, вставка тегов возможна в режиме «HTML». Это удобно для точечного управления разметкой, когда стандартные кнопки форматирования недоступны.

Настройка стиля текста через редактор кода

В режиме редактирования кода доступно прямое управление HTML-разметкой. Чтобы выделить фрагмент текста жирным, оберните его в тег или . Например: Важно.

При необходимости задать дополнительные стили используйте встроенный атрибут style. Пример: Текст.

Редактор Битрикса корректно сохраняет такие изменения, поэтому форматирование не сбросится при повторном открытии страницы. Однако рекомендуется использовать семантические теги (, ) вместо избыточных с инлайновыми стилями, чтобы код оставался чистым и корректно воспринимался поисковыми системами.

Если требуется единое оформление для разных блоков, целесообразно подключать CSS-классы. В коде это выглядит так: Текст. После этого правило прописывается в таблице стилей шаблона.

Добавление пользовательского CSS для выделения жирным

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

Создайте файл: /local/templates/<ваш_шаблон>/css/custom.css.

Подключите его в /local/templates/<ваш_шаблон>/header.php:
<?php use Bitrix\Main\Page\Asset; Asset::getInstance()->addCss('/local/templates/<ваш_шаблон>/css/custom.css'); ?>

Добавьте классы для жирного текста в custom.css:
/* Точечное выделение */ .u-bold { font-weight: 700; } /* Унификация семантики и классов */ strong, b, .u-bold { font-weight: 700; } /* Для переменных шрифтов (если используются) */ .u-bold-var { font-variation-settings: 'wght' 700; } /* Принудительная жирность для тонких шрифтов */ .u-bold-force { font-weight: 700 !important; }

Убедитесь, что шрифт имеет начертание 700:
@font-face { font-family: 'Inter'; src: url('/local/fonts/Inter-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

Применение в контенте (визуальный редактор/HTML-режим):

Через класс: нужный фрагмент.

Семантический тег с унификацией: важный фрагмент.

Предпросмотр жирности в визуальном редакторе:

Создайте /local/templates/<ваш_шаблон>/editor.css:
.u-bold { font-weight: 700; }

Проверьте, что редактор подхватывает editor.css (обычно подключается автоматически для шаблона).

Рекомендации по качеству и поддерживаемости:

Используйте числовые значения font-weight (600/700) вместо bold для предсказуемости.

Не применяйте !important, пока не требуется перебить внешние стили компонентов.

Ограничьте использование классов к коротким фрагментам; для целых блоков задавайте жирность на уровне контейнера.

Проверяйте читаемость: жирность + цвет/контраст по WCAG, избегайте жирного на тонких светлых оттенках.

Кеш и объединение CSS/JS в Битрикс:

После правок выполните очистку: /bitrix/admin/cache_admin.php → «Очистить кеш» и «Очистить кеш CSS/JS».

При включенной оптимизации ассетов проверяйте, что новый файл подключён через Asset::addCss, иначе он не попадёт в объединённые бандлы.

Быстрая проверка подключения:

Откройте страницу, в DevTools найдите ваш custom.css в списке ресурсов.

Выделите любой элемент и временно добавьте класс u-bold в инспекторе; текст должен стать визуально толще.

Выделение текста жирным в шаблонах компонентов

В файлах шаблонов компонентов Битрикса (`/local/templates/имя_шаблона/components/`) можно напрямую использовать HTML-тег  для выделения нужных фрагментов. Такой способ применяется для статичных элементов, например, заголовков или подписей.

При работе с многострочными текстами, полученными из инфоблоков, оптимально использовать функцию str_replace или preg_replace в шаблоне для автоматического добавления тега  к определённым словам. Это особенно полезно, если необходимо выделять ключевые фразы без ручного редактирования контента.

Для случаев, когда требуется управлять форматированием через административную панель, рекомендуется хранить текст в формате HTML и включить в настройках свойства инфоблока опцию «HTML/текст». Тогда жирное выделение будет задаваться прямо в редакторе, а шаблон компонента отобразит его без изменений.

Использование жирного текста в инфоблоках и новостях

В инфоблоках Битрикс жирное выделение применяется через HTML-тег или . При редактировании элемента включите режим «HTML» в визуальном редакторе и оберните нужный фрагмент текста в тег. Например: Важная информация.

Если используется поле «Детальное описание» или «Предпросмотр текста», выделение доступно также кнопкой «Ж» в панели редактора. Это автоматически добавит соответствующие теги без ручного ввода.

В новостных разделах стоит выделять жирным только ключевые даты, цифры и уникальные факты, чтобы не перегружать блок. Например, в анонсе: Скидка 30% действует до 15 сентября.

Для автоматического форматирования можно подключить фильтр в компоненте news.detail или news.list, который пропускает HTML-разметку через htmlspecialcharsback. Это сохранит жирные фрагменты при генерации страницы.

Вопрос-ответ:

Как сделать жирный текст в визуальном редакторе Битрикс?

В визуальном редакторе достаточно выделить нужный фрагмент текста и нажать на кнопку **B** на панели инструментов. После этого выбранный текст будет отображаться жирным шрифтом. Такой способ подходит для быстрого форматирования без знания HTML.

Есть ли разница между тегами и в Битриксе?

С точки зрения внешнего вида — обычно разницы нет, оба тега делают текст жирным. Но с точки зрения семантики указывает на смысловое выделение, а — только на визуальное. В поисковой оптимизации и доступности сайтов предпочтительнее использовать , так как поисковые системы и экранные дикторы воспринимают его как более значимый акцент.