Вкладка "Статья" в сообщениях создана чтобы вы делились с пользователями информацией, не ограничивая себя ни в ее оформлении, ни в кол-ве информации.
Для подключения данной функции обратитесь к вашему персональному менеджеру по сопровождению.
Перед созданием статьи по аналогии с другими материалами необходимо заполнить 1 вкладку "Основные настройки".
Обязательные к заполнению поля помечены звездочкой:
Тема;
Текст сообщения (превью для статьи);
Также желательно добавить картинку и теги.
В статье встроен редактор с расширенными набором инструментов, который позволяет добавлять:
Текст. Можно менять шрифты, размеры, окрашивать текст, задавать выравнивание, располагать текст обтекая картинку.
Ссылки (внешние и внутренние) по аналогии других разделов.
Картинки.
Ссылки на видео. Видео будет воспроизводиться в статье. Важно чтобы сайт в котором видео было расположено, мог воспроизводить его в фрейме, и сайт является разрешенным. Например, разрешенный по умолчанию сервис - www.youtube.com.
Таблицы.
Смайлы.
Линии сноски.
После добавления все элементы можно редактировать. Для этого кликните на элемент (выберите его) и появится панель для редактирования.

Давайте разберем как добавлять элементы.
1.Текст.
Текст можете прописать самостоятельно или скопировать с другого редактора с сохранением формата.
Далее выделяем часть текста для редактирования.

В нем можно менять шрифты, размеры, окрашивать его, окрашивать фон, задавать выравнивание, располагать его обтекая картинку, задавать нумерованные, маркированные списки, цитаты.

Для того чтобы задать обтекание текста вокруг картинки - кликаем на нее и выбираем Inline:

Важно!
При копировании уже подготовленного и отформатированного текста из внешних редакторов в материал на платформу важно понимать, что в цифровой среде существует большое количество различных инструментов для работы с текстом, каждый из которых может иметь свой язык разметки.
Некоторые из них могут не поддерживаться нашим редактором.
В случае, если язык разметки конкретного внешнего инструмента, откуда происходит копирование отформатированного текста не поддерживается нашей платформой, вы увидите, что текст скопировался некорректно и частично либо полностью форматирование отсутствует.
Пожалуйста, после копирования текста из внешнего источника, обязательно проверяйте то, всё ли скопировалось корректно.
Если текст копируется с частичным форматированием, рекомендуем вам вставлять его через комбинацию клавиш CTRL+SHIFT+V.
Эта комбинация клавиш скопирует текст в материал на платформе без форматирования.
После этого, вам понадобится отформатировать текст по вашему усмотрению, используя встроенные возможности в материале на платформе.
2. Ссылки внешние и внутренние работают по аналогии других разделов.


Ссылки делятся на:
1. Внешние - на любой внешний источник. Например, ссылка на ролик с вашего диска, где доступ по ссылке предоставлен всем, для перехода по ней.
1) В типе ссылка указываем "Внешняя ссылка".
2) "Вставьте внешнюю ссылку" - копируем ссылку на источник в адресной строке и вставляем в наше поле.
3) Указываем "Название ссылки". Текст, который будет кликабельным, по нажатию на который пользователь перейдет по ссылке.
2. Внутренние - на материалы из приложения. Например, на вводную программу обучения для новичков.
1) Для этого выбираем раздел в котором расположен материал для ссылки.
2) В поле "Название материала" ищем и выбираем его по наименованию или id.
3) Указываем "Название ссылки". Текст, который будет кликабельным, по нажатию на который пользователь перейдет по ссылке.
Важно: когда вы ссылаетесь на внешние или внутренние материалы, нужно учитывать, чтобы пользователи имели одинаковый доступ в сообщении, в котором разместили ссылку, и в материале, на который ссылка ведет.
3. Картинки.
Можем выбрать с компьютера или расположить ссылку на картинку размещенную в открытом источнике.
Желательно выбирать картинки без текста так как они не увеличиваются при нажатии.
Размер картинки:
Eсли задать фиксированный, то он будет отображаться на всех устройствах указанный вами размер, не подстраиваясь под экран пользователя.
Поэтому мы рекомендуем указывать размер auto - он подстраивается под экраны пользователей.
Формат поддерживаемых картинок: .jpg, .jpeg, .png, .gif и .svg

Если вы уже потянули картинку - ее размер можно вернуть к auto прописав его в параметрах (нажмите на линейку).

После загрузки настраиваем расположение и т.д.
4. Ссылки на видео. Видео будет воспроизводиться в статье.
Видео не будет воспроизводиться в статье, если видео на youtube загружено в Shorts, то оно не будет воспроизводиться (аналогично с google диска).
В других случаях возможность воспроизведения есть.
Важно чтобы сайт в котором видео было расположено мог воспроизводить видео в фрейме и сайт являлся разрешенным. Например, разрешенный по умолчанию сервис - www.youtube.com.
Рекомендуемо видео вставлять с помощью html-кода.
После того как вы скопировали код вставляйте его в соответствующее поле:

Список разрешённых хостингов:
https://rutube.ru/
https://vk.com/
https://www.youtube.com/
https://vimeo.com/
https://player.vimeo.com/
https://kinescope.io/ с помощью html-кода (скопировать фиксированный код).



Добавляете ссылку. Например, с YouTube.
Указываете будет ли оно автоматически проигрываться. И нажимаем - вставить (insert).
После добавления также можно настроить размер, местоположение.

5. Таблицы.
Выбираем таблицы.

Указываем кол-во столбцов и строчек двигая курсор мышки вправо, влево и вниз, вверх.

Элементы можно окрашивать. Есть возможность добавить в таблицу столбцы или строчки, после её создания.

6. Смайлы.
Вы сможете добавить смайлики из списк без ограничений.



7. Линия сноски.
Она может разделять главы в вашей статье.


В завершение редактирования материала можно воспользоваться функцией предпросмотр, чтобы убедиться, что статья отображается корректно на разных экранах.


После просмотра для возврата на экран редактирования нажмите "К редактированию".
Если вам не хватило информации, то дайте, пожалуйста, обратную связь по ссылке: Предложения по улучшению статей.