Что такое BB-коды?
BBCode (аббр. от англ. bulletin board code) — язык разметки, используемый для форматирования сообщений на форумах, в различных приложениях. Для форматирования текста используются теги, заключенные в квадратные скобки: [ ]. Перед отображением страницы эти теги автоматически переводятся в стили и отображаются так, как задумал автор сообщения.
В продуктах «1С-Битрикс» BB-коды также часто используются: при написании сообщений и комментариев в ленте Новостей, чатах и открытых линиях Битрикс24; при создании страниц, новостей, в описаниях товаров каталога магазина, e-mail-рассылок, общении на форумах в «1С-Битрикс: Управление сайтом», в общем, везде, где есть визуальный редактор.
Как правильно использовать BB-коды
Например, для выделения текста жирным используется BB-код [B][/B] . То есть, чтобы выделить текст жирным, нужно вставить текст между этими двумя тегами:
[B]Этот текст будет написан жирным.[/B]
В итоге мы получим форматированный текст: Этот текст будет написан жирным.
Список BB-кодов в Битрикс24
Здесь представлены списки BB-кодов по различным модулям Битрикс24.
Новости, задачи, комментарии, письма
Форматирование BB-кодами работает только в режиме BB-кодов. Для этого нужно нажать на кнопку:
| Описание | BB-код | Результат |
|---|---|---|
| Полужирный шрифт | [B]Текст[/B] | Текст |
| Курсивный шрифт | [I]Текст[/I] | Текст |
| Подчеркнутый шрифт | [U]Текст[/U] | Текст |
| Зачеркнутый шрифт | [S]Текст[/S] | Текст |
| Комбинация BB-кодов | [B][I][U][S]Текст[/S][/U][/I][/B] | Текст |
| Цвет шрифта | [COLOR=#ff0000]Текст[/COLOR] | Текст |
| Размер шрифта | [SIZE=10pt]Текст[/SIZE] | Текст |
| Шрифт | [FONT=»Courier New»]Текст[/FONT] | Текст |
| Нумерованный список | [LIST=1] |
- Текст1
- Текст2
- Текст3
Горячие клавиши и форматирование сообщений
В веб-чатах и приложении Битрикс24 для Windows и Mac для ускорения работы и форматирования сообщений вы можете использовать горячие клавиши.
Посмотреть доступные сочетания клавиш можно в настройках чатов на вкладке Горячие клавиши:
Комбинации клавиш в веб-версии доступны только для чатов, в приложении Битрикс24 – для чатов и для звонков. Переопределить клавиши пока нельзя.
Горячие клавиши в браузере
| Опция | Windows | macOS |
|---|---|---|
| Перейти к поиску чата | ALT + 0 | ALT + 0 |
| Открыть чат из списка недавних чатов | ALT + [1-9] | ALT + [1-9] |
| Процитировать сообщение | CTRL + клик на меню сообщения | CMD + клик на меню сообщения |
| Процитировать текст | >> перед цитируемым текстом в поле ввода | >> перед цитируемым текстом в поле ввода |
| Быстрое редактирование предыдущего сообщения | ↑ в поле ввода | ↑ в поле ввода |
| Вставка имени в поле ввода | CTRL + клик на аватар пользователя | CMD + клик на аватар пользователя |
| Оформить выделенный текст полужирным шрифтом | CTRL + B | CMD + B |
| Оформить выделенный текст наклонным шрифтом | CTRL + I | CMD + I |
| Подчеркнуть выделенный текст | CTRL + U | CMD + U |
| Зачеркнуть выделенный текст | CTRL + S | CMD + S |
| Изменить раскладку выделенного текста | CTRL + E | CMD + E |
| Вывод меню пользователя | клик на аватарку собеседника | клик на аватарку собеседника |
| Вывод всех чатов, сгруппированных по типу | клик в поле поиска контакта | клик в поле поиска контакта |
Горячие клавиши в приложении Битрикс24
| ЗВОНКИ | ||
|---|---|---|
| Опция | Windows | macOS |
| Включить/выключить микрофон | CTRL + SHIFT + A | CMD + SHIFT + A |
| Временно включить микрофон (push to talk) | Удерживать SPACE | Удерживать SPACE |
| Включить/выключить демонстрацию экрана | CTRL + SHIFT + S | CMD + SHIFT + S |
| Включить/выключить камеру | CTRL + SHIFT + V | CMD + SHIFT + V |
| Включить/выключить запись звонка | CTRL + SHIFT + R | CMD + SHIFT + R |
| Поднять/опустить руку | CTRL + SHIFT + H | CMD + SHIFT + H |
| Свернуть/развернуть звонок | CTRL + SHIFT + C | CMD + SHIFT + C |
| Включить режим спикера или сетки в зависимости от текущего выбранного режима |
CTRL + SHIFT + W | CMD + SHIFT + W |
| Включить/выключить звук, поступающий от участников |
CTRL + SHIFT + M | CMD + SHIFT + M |
| Открыть/закрыть список участников (в видеоконференции) |
CTRL + SHIFT + U | CMD + SHIFT + U |
| ЧАТЫ | ||
|---|---|---|
| Опция | Windows | macOS |
| Перейти к поиску чата | ALT + 0 | ALT + 0 |
| Открыть чат из списка недавних чатов | ALT + [1-9] | ALT + [1-9] |
| Процитировать сообщение | CTRL + клик на меню сообщения | CMD + клик на меню сообщения |
| Процитировать текст | >> перед цитируемым текстом в поле ввода | >> перед цитируемым текстом в поле ввода |
| Быстрое редактирование предыдущего сообщения | ↑ в поле ввода | ↑ в поле ввода |
| Вставка имени в поле ввода | CTRL + клик на аватар пользователя | CMD + клик на аватар пользователя |
| Оформить выделенный текст полужирным шрифтом | CTRL + B | CMD + B |
| Оформить выделенный текст наклонным шрифтом | CTRL + I | CMD + I |
| Подчеркнуть выделенный текст | CTRL + U | CMD + U |
| Зачеркнуть выделенный текст | CTRL + S | CMD + S |
| Изменить раскладку выделенного текста | CTRL + T | CMD + T |
| Вывод меню пользователя | клик на аватарку собеседника | клик на аватарку собеседника |
| Вывод всех чатов, сгруппированных по типу | клик в поле поиска контакта | клик в поле поиска контакта |
| Чат с самим собой для заметок | клик по своей аватарке слева вверху | клик по своей аватарке слева вверху |
Отправка сообщений
Вы можете сменить сочетание клавиш для отправки сообщения прямо в чате: нажмите во время ввода сообщения на надпись CTRL(CMD) + ENTER. Также можно изменять размер поля ввода текста, потянув за верхний край:
Сменить сочетание клавиш для отправки сообщения можно также в настройках мессенджера.
Форматирование сообщений с помощью BB-кодов
И еще BB-коды для форматирования выделенного текста в сообщении:
- [b]жирный[/b] : полужирный;
- [i]курсив[/i] : курсив;
- [u]подчеркивание[/u] : подчеркивание;
- [s]зачеркивание[/s] : зачеркивание ;
- >> : текст после двух угловых скобок будет отображен в чате как цитата;
- [url=http://1c-bitrix.ru]1C-Битрикс[/url] : 1C-Битрикс (если в тексте сообщения указана прямая ссылка, то она автоматически преобразуется в кликабельную ссылку в диалоге);
- ссылка на картинку : если указана прямая ссылка на картинку в тексте сообщения, то превью этой картинки будет показано в диалоге.
- [icon=адрес-вашей ссылки title=описание] : если вы хотите отправить иконку в чат, вы выбираете нужную иконку например на сайте эмоджи http://emojipedia.org , и копируете ссылку на этот смайл, далее вставляете BB-код в чат (поддерживаются форматы: .svg, .png, .gif и .jpg ):
Подробнее о том, как добавить свои смайлики в чат читайте здесь.
Лайки, смайлики
Для выражения эмоций в чате есть лайки и смайлы:
Работа с текстовым редактором
Для начала работы с текстовым редактором необходимо выбрать пункт «Изменить страницу» в публичной части сайта.
Также редактор доступен в административной части сайта, например при редактировании разделов или элементов инфоблока.
Важно. если редактирование текста происходит из административной части, необходимо открыть раздел «Визуальный редактор», для работы с редактором.
Рассмотрим инструменты, которые нам предоставляет текстовый редактор.
1. Выбор режима отображения
Доступны 4 режима:
- «визуальный режим» — будет отображаться только визуальный редактор;
- «режим редактирования исходного кода» — отображается только поле для ввода html;
- «совмещенный режим по горизонтали/вертикали» — редактор будет разделен на 2 части (визуальный редактор и редактор исходного кода).
2. Стиль оформления.
Данный пункт позволяет выбрать какой стиль будет применен к тексту (обычный текст, заголовок от h1 до h6, абзац или блок).
3. Шрифт
Позволяет выбрать какое семейство шрифта использовать.
4. Размер шрифта
Изменяет размер шрифта.
5. Инструменты для изменения внешнего вида текста
- полужирный;
- курсив;
- подчеркнутый;
- зачеркнутый;
- удалить форматирование текста;
- цвет текста.
6. Список
- нумерованный список;
- маркированный список.
7. Выравнивание текста
- увеличить отступ;
- уменьшить отступ;
- выравнивание текста (по левому краю, по центру, по правому краю, по ширине).
8. Инструмент для размещения ссылки
Содержит два основных поля: текст и адрес. В поле текст необходимо указать текст, который будет являться ссылкой.
Помимо этого есть дополнительные поля. Рассмотрим наиболее полезные из них:
- Всплывающая подсказка. Здесь можно указать текст, который будет отображаться при наведении на ссылку;
- CSS класс. С помощью этого поля можно присвоить CSS класс для ссылки (чаще всего этот пункт используется, если необходимо сделать, чтобы изображение открывалось в модальном окне. Для этого ссылке прописывается класс fb. Подробнее об этом можно почитать на странице Изображения в модальном окне );
- Не учитывать ссылку поисковиками. Необходимо выбрать этот пункт, если нужно, чтобы ссылка не учитывалась поисковыми системами.
9. Изображение
Используется для загрузки изображений в редактор.
Изображение можно выбрать:
- из медиабиблиотеки;
- из структуры сайта;
- или разместить ссылку на изображение со стороннего ресурса.
10. Вставить видео
Дает возможность разместить ссылку на ролик со стороннего ресурса.
11. Якорь
Позволяет установить якорь в нужном месте страницы, для создания ссылки именно на это место страницы.
12. Таблица
Инструмент для вставки таблицы.
Также можно открыть дополнительные настройки кнопкой «Еще».
Рассмотрим содержащиеся там инструменты.
- Спецсимвол. Позволяет размещать спецсимволы на странице;
- Вставить разрыв для печати страницы. Позволяет разбить одну страницу на несколько при печати;
- Вставить разделитель страниц. Позволяет осуществить разбиение текста при просмотре публичной части сайта. Данная функция работает только при редактировании инфоблока;
- Проверка орфографии. Включает проверку орфографии. Чтобы данный инструмент можно было использовать, необходимо установить расширение pSpell;
- Вставить горизонтальный разделить. Вставляет горизонтальную полосу;
- Нижний индекc. Добавляет нижний индекс;
- Верхний индекс. Добавляет верхний индекс.
Другие статьи:
- Редактируем меню сайта
- Работа с конструктором карт Яндекса.
Как в битриксе выделить текст жирным
Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter
Настройки шрифта с помощью Google Fonts
Впервые в решении Аспро: Приорити появилась возможность самостоятельно изменить шрифт под специфику проекта. Делается это в пару кликов и без помощи программиста — достаточно выбрать понравившийся шрифт из библиотеки шрифтов Google и добавить его в специальное поле решения.
Откройте Google Fonts. Для русскоязычного сайта в панели поиска справа выберите у параметра «Languages» вариант «Cyrillic».
Выберите понравившийся вам стиль и нажмите «+».
Внизу появится панель, которую нужно развернуть.
В панели перейдите на вкладку «Customize» (1).
- «Cyrillic» (4) – стиль сработает для русскоязычного текста;
- «regular 400» (2) – чтобы использовать шрифт для обычного (нормального) текста;
- «bold 700» (3) – чтобы на сайте работало выделение текста заданного стиля полужирным.
Откройте в админке Рабочий стол → Аспро: Priority → Настройки. Найдите в группе общих настроек поле «Произвольный шрифт» и вставьте в него код.
Результат на сайте после применения изменений: