Справка по разметке

Форматирование текста

Описание	Синтаксис	Результат
Экранировать символ, чтобы он не обрабатывался	`\не обработано\`	не обработано
Жирный шрифт	`Этот текст жирный`	Этот текст жирный
Курсив	`Этот текст курсивный`	Этот текст курсивный
Семейство шрифта	`:[Рукописный текст]{font=cursive}`	Рукописный текст
Цвет текста	`:[Красный текст]{color=red}`	Красный текст
Размер текста	`:[Этот текст 7 размера]{size=36pt}`	Этот текст 7 размера
Выделение текста	`==Этот текст выделен==`	Этот текст выделен
Зачёркнутый	`~~Этот текст зачёркнут~~`	~~Этот текст зачёркнут~~
Подчёркнутый	`++Этот текст подчёркнут++`	Этот текст подчёркнут
Нижний индекс	`H~2~O`	H₂O
Верхний индекс	`x^2^`	x²

Выравнивание текста

Описание	Синтаксис	Результат
Обтекание текстом	`:[Этот текст обтекается справа]{float=right}`	Этот текст обтекается справа
Выровнять блок по левому краю	`:::left` `текст` `:::`	Слева
Выровнять блок по правому краю	`:::right` `текст` `:::`	Справа
Выровнять блок по центру	`:::center` `текст` `:::`	По центру
Сворачиваемый (раскрывается по клику)	`:::spoiler` `Показать спойлер` `Этот текст свёрнут` `:::`	Показать спойлер Этот текст свёрнут
Блок кода	``` `var i = 10;` ```	`var i = 10;`

Ссылки

Описание	Синтаксис	Результат
Ссылка	`<https://stocksharp.com/en/>`	https://stocksharp.com/en/
Ссылка с текстом	`[Сайт StockSharp](https://stocksharp.com/en/)`	Сайт StockSharp
Email-ссылка	`<info@stocksharp.com>`	info@stocksharp.com
Email-ссылка с текстом	`[Написать мне](mailto:info@stocksharp.com)`	Написать мне
Ссылка на тему по id	`@topic(12374)`	Assign, install and work with StockSharp Installer.
Ссылка на сообщение по id	`@message(51317)`	Assign, install and work with StockSharp Installer.
Ссылка на продукт по id	`@product(9)`	Дизайнер
Ссылка на пользователя по id	`@user(1)`	StockSharp
Ссылка на файл по id	`@file(122179)`	cup.svg
Автоссылка (голый URL сам станет ссылкой)	`https://stocksharp.com/en/`	https://stocksharp.com/en/

Изображения

Описание	Синтаксис	Результат
Изображение по url	`![](https://stocksharp.com/file/122179/cup_svg/)`
Изображение по url с подсказкой	`![](https://stocksharp.com/file/122179/cup_svg/ "Это произвольная подсказка.")`
Изображение по id	`![](122179)`
Изображение по id с подсказкой	`![](122179 "Это произвольная подсказка.")`

Размер изображения — через {style="..."}: ширина width, высота height или обе. Размер виден в обычном тексте (в ячейке таблицы картинка ограничена её шириной):

![](122179){style="width:80px"} ![](122179){style="width:200px"}

Списки

Описание	Синтаксис	Результат
Маркированный	`- Пункт 1` `- Пункт 2` `- Пункт 3`	Пункт 1 Пункт 2 Пункт 3
Нумерованный	`1. Пункт 1` `2. Пункт 2` `3. Пункт 3`	Пункт 1 Пункт 2 Пункт 3
С буквами	`a. Пункт 1` `b. Пункт 2` `c. Пункт 3`	Пункт 1 Пункт 2 Пункт 3
С римскими цифрами	`i. Пункт 1` `ii. Пункт 2` `iii. Пункт 3`	Пункт 1 Пункт 2 Пункт 3

Заголовки и блоки

Описание	Синтаксис	Результат
Заголовки (уровни 1–6)	`## Заголовок` `###### Мелкий`	Заголовок Мелкий
Цитата	`> Это цитата`	Это цитата
Горизонтальная линия	`---`
Список задач	`- [ ] Не сделано` `- [x] Сделано`	Не сделано Сделано
Сноска	`Текст[^1]` `[^1]: Пояснение`	Текст¹

youtube

::iframe{url=https://www.youtube.com/embed/lsbyvqajlZ8}

vimeo

::iframe{url=https://player.vimeo.com/video/60238948}

::iframe{url=https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fstocksharp%2Fposts%2F4554987014515465&width=500}

Диаграммы

Схема Designer прямо в тексте. Сайт рисует её в браузере, поэтому её можно приблизить и рассмотреть: это не картинка. Схему берут либо по ссылке — файл на сайте по id или адрес в интернете, — либо вставляют её JSON прямо в сообщение.

Описание	Синтаксис	Результат
Диаграмма Designer по id файла или URL	`@diagram(URL)`	см. живой пример под таблицей
Схема прямо в тексте: JSON внутри код-блока, без файла и ссылки	```diagram `{"Content":{"Value":{"Scheme":{"Model":{"Nodes":[{"Key":"2","TypeId":"95b3aefe-23fd-4cee-b49e-09764f2ab2e2","X":-350,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"Security"}}}},{"Key":"3","TypeId":"3d773273-0cee-4d40-8eef-acded2d07ab8","X":-90,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"TimeFrameCandle"}}}}],"Links":[{"From":"2","FromPort":"Output","To":"3","ToPort":"Security"}]}}}}}` ```	см. живой пример под таблицей

Живой пример (Designer-схема из репозитория AlgoTrading):

Живой пример инлайн-схемы (тот же JSON прямо в тексте):

Если схему получить не удалось, на странице останется сам токен — например @diagram(122179). Значит, файла с таким id нет или адрес недоступен.

Секции страницы

Блоки для страниц продуктов и лендингов. Каждый занимает всю ширину колонки и оформляется сам — руками ничего верстать не нужно.

Описание	Синтаксис
Две колонки: картинка слева, текст справа	`:::feature-left` `![](123456)` `### Заголовок` `* Пункт` `:::`
То же, картинка справа	`:::feature-right` `…` `:::`
То же на тонированной полосе — чередуйте, чтобы длинная страница читалась как последовательность секций	`:::feature-left alt` `…` `:::`
Сетка карточек — по карточке на каждый `###`	`:::cards` `### Название` `Описание` `:::`
Ряд крупных цифр — по строке `значение \\| подпись`	`:::stats` `70+ \\| индикаторов` `Бесплатно \\| цена` `:::`
Нумерованные шаги — по шагу на каждый `###`, номера проставляются сами	`:::steps` `### Скачайте` `Текст шага` `:::`
Кнопки — каждая ссылка становится кнопкой, первая главная	`:::cta` `[Скачать](/ru/products/download/)` `[Документация](https://doc.stocksharp.com/)` `:::`
Цитата с подписью — строка, начинающаяся с тире, становится автором	`:::quote` `Текст отзыва.` `— Имя, должность` `:::`
Два скриншота одного экрана в одной рамке (светлая и тёмная тема)	`:::split` `![](107133)` `![](107134)` `:::`

Внутри :::feature-* первый медиа-блок — картинка, видео или схема — уходит в половину с иллюстрацией, всё остальное в текстовую. Пара :::split тоже считается медиа-блоком, поэтому её можно положить в :::feature-* вместо одной картинки.

Как это выглядит. Ниже те же блоки, но не в таблице, а живьём.

языков сайта

темы оформления

0 ₽

цена платформы

Карточка

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

Ещё одна

Ширина колонок подстраивается под экран: на телефоне карточки встают в один столбец.

Третья

Внутри карточки работает обычная разметка — жирный, курсив, ссылки.

Первый шаг

Номер рисуется сам, в разметке его нет.

Второй шаг

Шаги идут в том порядке, в котором записаны заголовки.

Третий шаг

Если шаг вставить в середину, остальные перенумеруются сами.

Разметка должна быть такой, чтобы автор думал о тексте, а не о вёрстке.

Из обсуждения справки

Каталог продуктов Документация

Данные сайта

Числа и названия, которые сайт подставляет сам в момент показа страницы. Их не нужно обновлять руками: значение всегда берётся из каталога, а не из того, что кто-то однажды напечатал.

Описание	Синтаксис	Результат
Сколько коннекторов	`@connector_count`	74
Сколько индикаторов	`@indicator_count`	166
Сколько стратегий	`@strategy_count`	867
Сколько приложений	`@app_count`	8
Сколько пользователей	`@user_count`	31 674
Название продукта на языке страницы — текстом, без ссылки	`@product_name(9)`	Дизайнер

Число пишется по правилам языка страницы, с разделителем разрядов. Если значение получить не удалось, на странице останется сам токен — например @connector_count. Это заметно редактору и не превращается в неверную цифру: ноль в предложении «поддерживаем 0 коннекторов» выглядел бы как факт.

@product_name(NNN) отличается от @product(NNN) тем, что вставляет только название и не делает ссылку. Это то, что нужно в середине фразы: «в Дизайнер есть визуальный конструктор стратегий», — тогда как @product(9) дал бы ссылку Дизайнер.