Перейти к основному содержимому

Markdown

Отображает содержимое в формате Markdown

Используется для упрощения процесса описания компонентов и вики-страниц Платформы Multi-D.
Получает на вход строку c WiKi/GitHub Markdown-разметкой и динамически отрисовывает содержимое.

<Markdown Value="# Hello, *world*!" />

Свойства

ИмяОписаниеТипЗначение по умолчаниюВозможные значения
CSSМассив строк-классов CSS-стилей компонентаarray
HiddenПризнак состояния компонента Скрытboolean
HintВсплывающая подсказка над компонентом, чаще используемая для подробного пояснения краткого текстаany
IdИдентификатор компонента для навигации к нему на HTML-страницеstring
OnClickОбработчик события Clickundefined
OnKeyDownОбработчик события KeyDownundefined
OnKeyUpОбработчик события KeyUpundefined
OnMouseDownОбработчик события MouseDownundefined
OnMouseEnterОбработчик события MouseEnterundefined
OnMouseLeaveОбработчик события MouseLeaveundefined
OnMouseMoveОбработчик события MouseMoveundefined
OnMouseOutОбработчик события MouseOutundefined
OnMouseOverОбработчик события MouseOverundefined
OnMouseUpОбработчик события MouseUpundefined
OnUnmountОбработчик события Unmountundefined
SlotМетка для динамического добавления другого компонента по его идентификаторуstring
TooltipВсплывающая подсказка над компонентом, чаще используемая для пояснения назначения значкаany
TraceIdИдентификатор для отслеживания состояния компонента исходя из хронологической последовательности:
создание, отрисовка, обновление, удаление; используется для выполнения фрагмента кода по изменению состояния компонента
string
ValueWiKi Markdownstring
VisibleПризнак инверсии состояния компонента СкрытbooleanTrue

Примеры

Данные:

"markdown": `
![image](../Image/)
[Link](../Link/)
[Link](../Link/)
# Шпаргалка по markdown
## Начертание
Курсив обозначается одинарными *звездочками* или _подчеркиваниями_.
Полужирный текст обозначаается двойными **звездочками** или __подчеркиваниями__.
Можно комбинировать **звездочки и _подчеркивания_**.
Две тильды перечеркивают текст. ~~Перечеркнутый текст~~
## Списки
1. Первый элемент в нумерованном списке
2. Следующий элемент
* Элемент ненумерованного списка.
1. Номер элемента определяется автоматически, главное вставить какую-то цифру
1. Нумерованный подсписок
4. Еще один элемент
Пример текста, который должен быть выровнен по элементу №4
* Ненумерованный список может использовать звездочки
- Или минусы
+ Или плюсы`

JSX:

</Group>