---
metadata:
  - name: generator
    content: Diplodoc Platform v5.70.0
alternate:
  - https://divkit.tech/docs/en/concepts/extensions/markdown.md
  - https://divkit.tech/docs/ru/concepts/extensions/markdown.md
  - href: https://divkit.tech/docs/ru/concepts/extensions/markdown.md
    type: text/markdown
    title: Markdown version
  - href: https://divkit.tech/docs/ru/llms.txt?revision=r22102947
    rel: describedby
---
> **Documentation Index:** Fetch the complete configuration index at https://divkit.tech/docs/ru/llms.txt?revision=r22102947

# Markdown в тексте

Расширение `markdown` отображает значение свойства `text` элемента [text](https://divkit.tech/docs/ru/concepts/divs/2/div-text.md) как текст с разметкой Markdown.

```json translate=no
{
  "type": "text",
  "text": "# Заголовок\n\nТекст с **полужирным** и *курсивным* выделением.",
  "extensions": [
    {
      "id": "markdown"
    }
  ]
}
```

У расширения нет параметров.

## Особенности работы {#behavior}

- Расширение применяется только к элементу `text`.
- Набор поддерживаемых конструкций Markdown зависит от платформы:

    - Android — базовый синтаксис CommonMark. Дополнительные конструкции подключаются плагинами библиотеки [Markwon](https://github.com/noties/Markwon).
    - iOS — заголовки, полужирное, курсивное и зачеркнутое начертание, ссылки, встроенный код, маркированные и нумерованные списки, цитаты.
    - Web — определяется функцией преобразования Markdown в HTML, которую передает приложение.

## Подключение {#connect}

{% list tabs %}

- Android

  build.gradle

  ```groovy translate=no
  dependencies {
      implementation "com.yandex.div:div-markdown:${versions.divkit}"
  }
  ```

  В коде:

  ```kotlin translate=no
  val divConfiguration = DivConfiguration.Builder(imageLoader)
      .extension(DivMarkdownExtensionHandler(context))
      .build()
  ```

  Вторым параметром конструктора можно передать список плагинов Markwon.

- iOS

  Обработчик находится в модуле `DivKitMarkdownExtension`:

  ```swift translate=no
  import DivKitMarkdownExtension

  DivKitComponents(
    ...
    extensionHandlers: [
      MarkdownExtensionHandler()
    ]
  )
  ```

- Web

  DivKit не содержит библиотеку для разбора Markdown. Передайте в `markdownExtensionBuilder` функцию, которая преобразует Markdown в HTML:

  ```js translate=no
  import { markdownExtensionBuilder } from '@divkitframework/divkit/client';
  import markdownit from 'markdown-it';

  const md = markdownit();
  const map = new Map();

  map.set('markdown', markdownExtensionBuilder(str => md.render(str)));

  render({
      id: 'test',
      target: element,
      json: {},
      extensions: map
  });
  ```

  Вторым аргументом можно передать объект с полем `cssClass` — CSS-классом, который добавляется к контейнеру с результатом преобразования.

{% endlist %}

<!-- source: ru/_includes/index/troubleshooting.md -->
## Узнать больше {#troubleshooting}

Вы можете обсуждать интересующие вас темы в сообществе пользователей DivKit в Telegram: [https://t.me/divkit_community_ru](https://t.me/divkit_community_ru).



[Репозиторий DivKit](https://github.com/divkit/divkit)




<!-- endsource: ru/_includes/index/troubleshooting.md -->