Правила использования Markdown
В этой статье
В виджете Текст и в поле Описание в настройках других виджетов можно использовать язык разметки Markdown, например, для выделения элементов текста или вставки ссылок.
Основные правила использования Markdown представлены ниже. Краткая подсказка доступна при нажатии на иконку информации рядом с параметром Описание в настройках виджета.
- Заголовки — уровень заголовка определяется количеством символов
#
. Максимально можно использовать 6 символов: ## — Заголовок 2 уровня, ### — Заголовок 3 уровня, #### — Заголовок 4 уровня; - Жирный — чтобы задать тексту жирное начертание, возьмите его в двойные звездочки или подчеркивания: **текст** или __текст__
- Курсивный — чтобы задать тексту курсивное начертание, возьмите его в одинарные звездочки или подчеркивания: *текст* или _текст_
- Жирный курсивный — чтобы задать тексту жирное и курсивное начертание, возьмите его в тройные звездочки или подчеркивания: ***текст*** или ___текст___
- Маркированный список — для создания списка используйте символ
*
или-
. Для вложенных списков используйте те же символы и отступы от начала строки:<br>
- текст<br>
* текст - Нумерованный список — можно использовать все единицы, в виджете числа отображаются в возрастающем порядке. Для вложенных списков используйте отступы от начала строки:
<br>
1. текст<br>
2. текст - Цитата — для обозначения цитат используйте символ
>
в начале строки. Количество символов определяет уровень вложенности цитаты: >1 уровень цитирования, >>2 уровень цитирования, >>>3 уровень цитирования - Ссылка — чтобы указанная ссылка была активна, используйте следующий синтаксис:
<https://infomaximum.ru/>
. Открыть ссылку в новой вкладке:<https://infomaximum.ru/, blank>
- Гиперссылка — чтобы создать гиперссылку, в квадратных скобках укажите текст, а рядом в круглых скобках укажите ссылку:
[Infomaximum](https://infomaximum.ru/)
. Открыть гиперссылку в новой вкладке:[Infomaximum](https://infomaximum.ru/, blank)
- Ссылка на образ — чтобы указать ссылку на образ, используйте формат:
.<ключ образа>
или[текст].(ключ образа)
. Открыть образ в новой вкладке:.<ключ образа, blank>
или[текст].(ключ образа, blank)
- Код — чтобы вставить элемент кода, поместите текст между одинарными кавычками в виде обратного апострофа: `код`
- Линия — для создания линии (разделителя) используйте 3 и более символа
*
или_
на отдельной строке - Мера — чтобы вывести результат меры в виджете, необходимо указать название меры в фигурных скобках: {название меры}
- Таблица — таблица добавляется с помощью символов
|
и-
. Вертикальные линии разделяют столбцы. Дефис разделяет верхнюю строку от содержимого таблицы. Пример:
| Колонка 1 | Колонка 2 | Колонка 3 |
|------------|------------|------------|
| Строка 1 | Ячейка 1 | Ячейка 2 |
- Переменная — чтобы указать переменную, используйте формат:
{inputs.Название переменной}
- HTML — можно использовать HTML-теги. Например, чтобы задать цвет тексту: <font color="red">текст</font>
- Изображение можно добавить двумя способами. Чтобы добавить изображение из внешнего источника, используйте HTML-тег в формате:
<img src="ссылка на изображение на внешнем ресурсе" width="размер в пикселях">
. Также изображение можно добавить из пакета в Маркетплейсе. Для этого необходимо создать пакет с изображениями. Изображения добавляются в папки пакета ru/images и en/images, затем необходимо загрузить пакет в Маркетплейс. Для добавления изображения в виджет Текст или в описание виджетов необходимо создать ссылку. Для этого:- Возьмите ссылку на изображение. Пример:
/graphql?query=query{marketplace{packet{image(packet_guid:"b220e64d-19d6-46da-99b8-b945b80b0332",image_name:"2.png")}}}
. - Зашифруйте часть ссылки, начиная с
{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).
- Возьмите ссылку на изображение. Пример:
Была ли статья полезна?
Да
Нет