Текстовый редактор TinyMCE
О механике
Текстовый редактор используется для форматирования (оформления) контента. С помощью разных элементов форматирования можно облегчить восприятие текста, привлечь внимание пользователей и замотивировать их к прочтению.
Редактор доступен полностью или частично в большинстве модулей и механик. Например, в административной части на странице создания/редактирования урока полный функционал редактора находится во вкладке Контент, а в публичной части есть только несколько опций редактора в комментариях к опубликованным материалам.
Как работать с текстовым редактором
Форматировать текст
Переносить текст с сохранением форматирования можно с помощью клавиши Enter на клавиатуре. Если нажать комбинацию Shift+Enter, форматирование сохранится, но расстояние между строками будет меньше обычного
Заголовки
Чтобы задать заголовок в пустой строке, выберите один из вариантов в панели редактора. Если нужно оформить в заголовок уже написанный текст, выделите его и для выбора размера нажмите на Заголовки.
Абзацы
Текст можно оформлять в абзацы Важное и Цитата. Их оформление отличается, при этом каждый можно использовать для разных целей в любой части материала.
Шрифты
Чтобы изменить шрифт текста, выберите один из вариантов в панели редактора. Задайте нужный шрифт перед добавлением текста или выделите фрагмент текста, а затем выберите подходящий вариант шрифта из выпдающего списка.
Цвет текста и фона текста
Для настройки цвет текста или фона текста выделите необходимый текст и нажмите кнопку 
Чтобы добавить пользовательский цвет, в открывшемся окне нажмите кнопку 
Панели
Для оформления контента по блокам можно воспользоваться опцией Панели. По умолчанию на платформе доступны системные панели, каждая из которых имеет своё оформление.
Чтобы создать другой блок, выберите пункт Пользовательская панель. Для него можно задать рамку, фон, прозрачность и скругление.
Чтобы внутри панели перенести текст на следующую строку, нажмите Enter на клавиатуре. Если нажать Enter дважды, форматирование в панели прекратится
Выравнивание
Чтобы выровнять текст, нажмите кнопку 
Списки
Если нужно разделить текст на списки, используйте один из доступных в редакторе:
Маркированный —
Нумерованный —
Чтобы добавить новый пункт списка, нажмите Enter на клавиатуре. Если нажать Enter дважды, форматирование списком прекратится
Стили текста
В панели редактора доступно 4 стиля, которые можно комбинировать или использовать одновременно:
Жирный —
Курсив —
Подчёркнутый —
Зачеркнутый -
Изображение
Чтобы добавить изображение, нажмите 
Размер одного изображения не должен превышать 10 МБ. Допустимые форматы: jpg, jpeg, png, svg, gif
После загрузки можно настроить изображение: повернуть, изменить отражение, выровнять и отредактировать по разным параметрам. Для этого нажмите на изображение и выберите необходимую настройку.
Галерея
Позволяет добавить слайды с возможностью перелистывания, для просмотра изображений. Чтобы добавить галерею, нажмите 
Размер одного изображения не должен превышать 10 МБ. Допустимые форматы: jpg, jpeg, png, svg, gif
Размер одного изображения не должен превышать 10 МБ. Допустимые форматы: jpg, jpeg, png, svg, gif
Видео
Чтобы добавить видео, нажмите 
Размер одного видео не должен превышать 1 ГБ. Допустимые форматы: mp4, avi, mpeg
При добавлении видео дождитесь, чтобы оно загрузилось на платформу. После загрузки файл конвертируется с разрешением 480р или 720р. Если разрешение исходного видео меньше 720p, оно будет конвертировано только в качество 480p. С платформы можно скачать только конвертированный файл.
Ссылка
Чтобы добавить ссылку, нажмите кнопку 
Таблица
Чтобы добавить таблицу, нажмите кнопку 
Когда таблица создана, можно настраивать ячейки, строки и столбцы. В разделе Свойства таблицы есть возможность изменить ширину, высоту таблицы и выравнивание текста в ней.
Скрываемый контент
Позволяет сворачивать/разворачивать текст в рамках одного блока. Чтобы добавить блок нажмите на кнопку 
Якорная ссылка
Чтобы добавить переход по ссылке в рамках одного материала, используйте якорные ссылки. Для добавления якорной ссылке нажмите на кнопку 
После сохранения, в тексе в начале слова, где установлен якорь, появится значок якоря
Чтобы добавить переход к якорю внутри текста, в панели редактора нажмите на кнопку Ссылка
С помощью якорей и ссылок можно создать оглавление в тексте. Ссылки будут выступать разделами оглавления, а якоря разделами текста, куда будет происходить переход по ссылке.
Горизонтальная линия
Разделить контент на части можно с помощью горизонтальной линии. Чтобы добавить её, нажмите кнопку 
Смайл
Чтобы добавить смайл, нажмите кнопку 
Настроить список эмозди можно в Панели управления → Инструменты → Список эмодзи
Оглавление
Чтобы добавить оглавление, нажмите на кнопку 
Пункты в блоке автоматически собираются из заголовков H1–H6, встречающихся в тексте, и пересобираются при изменении структуры заголовков. В публичной части блок отображается так же, как в редакторе — статичный список с плавным скроллом по клику на пункт.
Допустимо использование только одного блока с Оглавлением для одного материала.
Исходный код
Исходный код (HTML-код) — ссылка вида iframe, которая позволяет отображать документ внутри Motivity. Это удобно, потому что пользователи не переходят на другие вкладки и изучают всю информацию прямо на платформе.
Многие сервисы предлагают скопировать исходный код со всеми нужными атрибутами. Важно добавлять ссылки на открытые сервисы, чтобы платформа могла установить с ними соединение.
Чтобы добавить исходный код, нажмите кнопку 
Если сервис не позволяет скопировать исходный код, его нужно составить самостоятельно. Как это сделать:
Ознакомиться с атрибутами элемента
<iframe></iframe>— https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframeСкопировать пример
<iframe
src="#"
width="#"
height="#"
>
</iframe>Нажать кнопку
Обязательно в атрибуте
srcуказать ссылку на источникОпционально указать ширину
widthи высотуheightблока, в котором будет отображаться документ. Если данные не введены, удалить строки с этими атрибутамиСохранить код и проверить корректность отображения
Удалить форматирование
Чтобы удалить форматирование, нажмите кнопку 
Вернуть/отменить изменение
Вернуть или отменить изменение можно кнопками в панели редактора или клавишами на компьютерной клавиатуре.
Функция редактора | Метод работы | Действие пользователя |
|---|---|---|
Вернуть изменение | Панель редактора | Нажать кнопку |
Компьютерная клавиатура | Нажать комбинацию клавиш Ctrl+Z | |
Отменить изменение | Панель редактора | Нажать кнопку |
Компьютерная клавиатура | Нажать комбинацию клавиш Ctrl+Shift+Z |
Использовать предпросмотр
В некоторых модулях при создании контента можно использовать предпросмотр. Он позволяет посмотреть, как материал будет выглядеть финально. Чтобы увидеть актуальную версию текста, необязательно сохранять страницу: все изменения сразу отображаются в области предпросмотра.
После предпросмотра запись можно опубликовать или вернуться к полной версии страницы создания/редактирования. Подробно о предпросмотре — Предпросмотр
Упомянуть пользователя в тексте
Если вы хотите дать ссылку на пользователя в тексте, можно применить функцию упоминания. Тогда при публикации материала упоминаемый пользователь получит уведомление, а читатели смогут перейти по ссылке в профиль этого человека.
Чтобы упомянуть пользователя, выполните ряд действий:
В текстовом поле введите знак @ и первые несколько букв имени, фамилии или электронной почты пользователя
Выберите пользователя из списка
При необходимости поменяйте текст упоминания в скобках
У вас остались вопросы?
Если вы не нашли ответ на свой вопрос, обратитесь в службу поддержки по почте help@motivity.ru или через телеграм-бот https://t.me/MotivityBotSupport_bot