Текст
В этой статье
Компонент «Текст» позволяет добавлять текстовые блоки в дашборд. При добавлении на холст компонент по умолчанию пустой. На боковой панели представлены следующие настройки для текста.
Вкладка Настройки
Вкладка Отображение
Вкладка Фильтр
Во вкладке Настройки задаются параметры:
- поле ввода текста
- меры
В поле Текст можно использовать разметку Markdown.
Правила использования Markdown
Основные правила использования разметки Markdown можно посмотреть по ссылке: https://www.markdownguide.org/basic-syntax/. Также они представлены ниже:
- заголовки — уровень заголовка определяется количеством символов «#». Максимально можно использовать 6 символов: ## Заголовок 2 уровня, ### Заголовок 3 уровня, #### Заголовок 4 уровня;
- жирный — чтобы задать тексту жирное начертание, возьмите его в двойные звёздочки или подчёркивания: **текст** или __текст__
- курсивный — чтобы задать тексту курсивное начертание, возьмите его в одинарные звёздочки или подчёркивания: *текст* или _текст_
- жирный курсивный — чтобы задать тексту жирное и курсивное начертание, возьмите его в тройные звёздочки или подчёркивания: ***текст*** или ___текст___
- маркированный список — для создания списка используйте символ «*» или «-». Для вложенных списков используйте те же символы и отступы от начала строки:
- текст
* текст - нумерованный список — можно использовать все единицы, в компоненте числа отображаются в возрастающем порядке. Для вложенных списков используйте отступы от начала строки:
1. текст
2. текст - цитата — для обозначения цитат используйте символ «>» в начале строки. Количество символов определяет уровень вложенности цитаты: >1 уровень цитирования, >>2 уровень цитирования, >>>3 уровень цитирования
- ссылка — чтобы указанная ссылка была активна, необходимо взять её в угловые скобки: <ссылка>
- гиперссылка — чтобы создать гиперссылку, в квадратных скобках укажите текст, а рядом в круглых скобках укажите ссылку: [Infomaximum](https://infomaximum.ru/)
- код — чтобы вставить элемент кода, поместите текст между одинарными кавычками в виде обратного апострофа: `код`
- линия — для создания линии (разделителя) используйте 3 и более символа «*» или «_» на отдельной строке
- мера — чтобы вывести результат меры в компонент, необходимо указать название меры в фигурных скобках: {название меры}
- таблица — таблица добавляется с помощью вертикальных линий и строк
- HTML — можно использовать HTML теги. Например, чтобы задать цвет тексту: <font color="red">текст</font>
- изображение — добавлять изображения по внешней ссылке невозможно. Чтобы добавить изображения в компонент, необходимо создать пакет с изображениями. Изображения добавляются в папки пакета ru/images и en/images, затем необходимо загрузить пакет в Маркетплейс. Для добавления изображения в компонент необходимо создать ссылку. Для этого:
- Возьмите ссылку на изображение (пример:
/graphql?query=query{marketplace{packet{image(packet_guid:"b220e64d-19d6-46da-99b8-b945b80b0332",image_name:"2.png")}}}
). - Зашифруйте ссылку с помощью функции
encodeURIComponent(str)
или любого онлайн сервиса по шифрованию ссылок. - Добавьте ссылку в компонент: ![текст для изображения](/graphql?query=query%7Bmarketplace%7Bpacket%7Bimage(packet_guid%3A%22b220e64d-19d6-46da-99b8-b945b80b0332%22%2Cimage_name%3A%222.png%22)%7D%7D%7D).
- Возьмите ссылку на изображение (пример:
Пример отображения приведенных правил на изображении.
Заметка
В режиме просмотра по клику на компонент никаких действий не совершается. Меры меняются динамически в зависимости от фильтрации.
Была ли статья полезна?
Да
Нет