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

Что такое 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 ):

Подробнее о том, как добавить свои смайлики в чат читайте здесь.

Лайки, смайлики

Для выражения эмоций в чате есть лайки и смайлы:

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

Роберт Басыров
Сложность урока:
2 уровень — несложные понятия и действия, но не расслабляйтесь.
Недоступно в лицензиях:
Ограничений нет

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

Всплывающие подсказки

Используются в тексте в следующих случаях:

• пояснить какой-то термин;
• дать наглядное представление о команде интерфейса;
• дать дополнительную, но не относящуюся напрямую к выполняемым работам, информацию;
• показать описание и ссылку на страницу компонента в пользовательской документации.

Всплывающие подсказки обозначаются пунктирным подчёркиванием: пример подсказки В окне отображается подробное содержимое подсказки. Подсказка может состоять из текста и/или изображения. .

Табы (вкладки)

Текст каждого урока разбит на табы. Другими словами их можно назвать тематическими вкладками. Это сделано с целью избавить читателя от прокрутки экрана и быстро перейти к нужной части урока. Если вам неудобно пользоваться вкладками, то отключите их , тогда весь урок будет выводиться в виде единого длинного текста.

Внимание! При использовании табов поиск в браузере ищет только по открытой вкладке, а не по всему уроку.

Спойлеры, скрывающие текст

В спойлерах размещается информация, которая имеет вторичное значение, но может быть полезна «для общего развития». Для открытия спойлера кликните на «+» в спойлере:

Ознакомьтесь с простым примером как работает продукт.

• База данных — это склад на котором хранятся различные овощи (различные виды информации);
• Инфоблоки — это тара или ящики, в которые насыпают овощи. Например, картошку насыпают в одни ящики, а яблоки — в другие;
• Модуль «Информационные блоки» — это цех по производству различной тары (ящиков) для хранения овощей на складе;
• Модуль, используемый для обработки информации из инфоблоков — это цех по переработке овощей. Например, из картофеля он умеет изготавливать разные продукты: чипсы, выпаривать крахмал или делать быстрорастворимое сухое пюре;
• Компонент — это руководитель и мастер цеха Компонент Иванович. Человек на самом деле очень опытный и ответственный, знающий свое дело как пять пальцев. У него хранятся ключи от овощехранилища и без его ведома никто на склад попасть не может;
• Контент-менеджер — это Контент Васильевич, собственник предприятия (продукта 1С-Битрикс: Управление сайтом) производящего различные продукты питания из овощей (информации).

А теперь история одного рабочего дня на предприятии.

Обращается как-то Контент Васильевич к Компоненту Ивановичу (Контент-менеджер настраивает параметры компонента на инфоблок) и говорит: Компонент Иванович, нужно нам картошку переработать со склада, ту что недавно подвезли и произвести из нее сухое картофельное пюре. Займись этим, будь другом, загрузи цех работой!

Компонент Иванович, отвечает: Конечно, Контент Васильевич! Всё сделаем, можете не беспокоиться. Достает из кармана ключи и отправляется на склад. Открывает его, находит ящики (инфоблоки) наполненные картофелем (однородной информацией), оценивает качество и дает распоряжения работникам склада отнести необходимое кол-во ящиков в цех на переработку.

Работники цеха — люди опытные, свое дело знающие, легко выполнят распоряжение о переработке картофеля, производстве пюре с определенными свойствами и расфасовке в упаковку заданного формата. Цех дружно принимается за дело и к обозначенному сроку выдаёт запрошенный продукт.

Отблагодарив работников, Компонент Иванович докладывает Контенту Васильевичу о благополучном исполнении поручения и показывает результат (на экране Контент-менеджер видит результат обработанной информации из инфоблока).

Чтобы избежать лишней прокрутки экрана, в спойлерах может быть размещена большая по объёму информация.

Выделение абзаца фоном

Форматирование целых абзацев текста используется для выделения какой-либо информации с целью указать её направленность:

Определения каких-либо сущностей, явлений, терминов и так далее выводятся в абзацах такого вида:

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

Примечание: подробное описание формы создания и редактирования теста представлено в документации по продукту.

Важно! Если курс был деактивирован, то результаты тестов и сертификаты по этому курсу будут недоступны пользователям. Если курс был удален, то результаты тестов и сертификаты этого курса будут также удалены.

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

Текущую редакцию Вашего 1С-Битрикс можно просмотреть на странице Обновление платформы ( Marketplace > Обновление платформы ).

Ограничений нет

Достаточно часто в работе нам приходится менять цвет, размер шрифта, выравнивание текста. Чуть реже мы добавляем специальные символы и разрывы страниц. Для всех этих операций мы будем использовать панель инструментов визуального редактора «1С-Битрикс: Управление сайтом».

Сделать текст красивым и читаемым

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

• 1 — заголовки и шрифт.
• 2 — изменение написания текста.
• 3 — списки и выравнивание текста.
• 4 — инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблона.
• 5 — дополнительные инструменты.

Разберем их по отдельности.

Видеоурок

Шрифты и заголовки

С помощью выпадающего списка Стиль мы задаем стиль текста. Список предлагает нам:

• Обычный текст — формат текста по умолчанию;
• Заголовок 1-6 — Шесть вариантов заголовка, от самого большого к самому маленькому. Эти стили соответствуют HTML тегам &#8826h1&#8827-&#8826h6&#8827.
• Абзац (тег P) — оформляем текст как абзац, что соответствует HTML тегу &#8826p&#8827.
• Блок (тег DIV) — оформляет текст как блок, соответствует HTML тегу &#8826div&#8827.

Следующие два выпадающих списка позволяют выбрать шрифт и размер шрифта.

Изменение написания текста

Далее располагаются кнопки для изменения написания текста:

• — Жирный текст
• — Курсив
• — Подчеркнутый текст
• — Зачеркнутый текст
• — Удалить форматирование — удалить все форматирование выделенного текста.
• — Цвет текста и фона — выбор цвета отдельно для текста и для фона.

Каждому варианту соответствует HTML тег. То есть с помощью таких тегов мы бы изменяли написание, если бы писали HTML код вручную:

Списки и выравнивание текста

Следующая группа кнопок предназначена для создания списков и выравнивания текста:

В редакторе мы можем создавать два вида списков: нумерованный Cоответствует HTML тегу &#8826ol&#8827 — &#8826/ol&#8827 и маркированный Cоответствует HTML тегу &#8826ul&#8827 — &#8826/ul&#8827 . Нумерованный список создается с помощью кнопки и выглядит так:

В маркированном списке нет нумерации элементов, каждый элемент отмечен маркером. Такой список создается с помощью кнопки и выглядит так:

Кнопки и служат для увеличения и уменьшения отступа от края. Увеличение/уменьшение отступа списков, меняет также вид маркеров списков.

Кнопка позволяет задать выравнивание текста:

• По левому краю.
• По центру.
• По правому краю.
• По ширине.

Ссылки, медиа, таблицы и стили

Следующая группа элементов содержит инструменты для работы со ссылками, картинками и видео, таблицами и стилями шаблонов:

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

Шаблоны сайта представлены выпадающим списком . Этот инструмент позволяет наглядно посмотреть, как меняется форматирование текста для разных шаблонов сайта. Форматирование текста может быть различным, потому что в разных шаблонах используются разные стили Если описывать техническим языком: для хранения информации о внешнем виде страницы используются каскадные таблицы стилей (CSS). CSS (Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки. для одних и тех же элементов. Например, возможны различия в междустрочных интервалах или типах маркеров в списках.

Обратите внимание, что этим инструментом мы не меняем шаблон сайта. Это делается в настройках сайта Шаблон дизайна — программный код, который определяет как внешне будет выглядеть сайт. Создаётся разработчиком сайта, применяется к сайту — администратором, реже — контент-менеджером. Подробнее. .

Кнопка SEO отправляет текст страницы как оригинальный в Яндекс, чтобы закрепить за этим текстом свои права. Инструмент пригодится вам, при подключении сайта к поисковой системе Яндекс. Подробнее об этом рассказывается в курсе Продвижение сайта и маркетинг.

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

Дополнительно

Нажмите на кнопку для вызова панели дополнительных инструментов:

• — Вставить специальный символ. Иногда нам нужно вставить в текст специальный символ. Нажмите на эту кнопку и откроется таблица часто используемых символов. Если среди них нет нужного вам — нажмите кнопку Другой спецсимвол. Откроется полная таблица спецсимволов, нажмите на символ и он появится на странице.
• — Вставить разрыв страницы для печати. Эта кнопка позволяет вручную задать разбивку страницы при отправке её на печать. В тех местах, где установлен разрыв, при печати будет выполнен перенос текста на следующую страницу.
• — Вставить разделитель страниц. Позволяет вставить разрыв страницы в нужном месте. После чего статья будет показана несколькими страницами с кнопками перехода .

Примечание: Эта кнопка работает только при редактировании инфоблоков.

— Проверка орфографии. Визуальный редактор позволяет автоматически проверять введенный текст на ошибки. Некоторые браузеры (например Mozilla) обладают встроенной системой проверки орфографии. Система «1С-Битрикс: Управление сайтом» для этой функции использует библиотеку pSpell. Установить эту библиотеку может администратор сайта. Если расширение не установлено, то при попытке проверки орфографии будет выдана ошибка . Если расширение pSpell установлено и работает, то при нажатии на кнопку Проверка орфографии откроется окно настроек .

— Вставить горизонтальный разделитель. Вставляет горизонтальную полосу Соответствует HTML тегу &#8826hr&#8827 . Используется, например, для визуального разделения частей текста.

— Нижний индекс. Добавляет к тексту нижний индекс.

— Верхний индекс. Добавляет к тексту верхний индекс.

Заключение

Инструменты по работе с текстом делятся на группы. Редактор позволяет работать со шрифтами и заголовками, модифицировать текст, задавать его положение, работать со спецсимволами и списками. В следующих уроках мы рассмотрим работу со ссылками и таблицами.

Желательно это знать:

• HTMLbook — справочник по HTML