Текстовый редактор TinyMCE

Оглавление

Как использовать TinyMCE

Что такое текстовый редактор TinyMCE

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

Текстовый редактор TinyMCE используется для создания и редактирования записей на портале.

Позволяет форматировать и структурировать текст, добавлять и редактировать таблицы, загружать изображения, видеофайлы и HTML-код.

В текстовых полях доступна вставка эмоджи в текст.

Open

Как добавить видео

На портале к загрузке принимаются видео всех популярных форматов: .mp4, .avi, .mpeg. Максимальный допустимый размер файла с видео 500 мб.

После загрузки видеофайл конвертируется. Качество видео после конвертации зависит от качества видео в исходном файле.

1. HD

2. SD

3. Если разрешение исходного файла меньше SD – он остаётся без изменений.

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

Open

В каких модулях можно добавить видео

Добавить видео можно в десяти модулях:

Базовые модули, которые поддерживают загрузку видео:

1. Библиотека

2. Глоссарий

3. Мероприятия, в том числе шаблоны мероприятий

4. Новости

5. Тестирования

6. Уроки

Дополнительные модули, которые поддерживают загрузку видео:

1. Блоги

2. Диалоговый тренажер

3. Каталог призов

Как отображается видео в Публичной части

Кнопка "Настройки разрешения" становится активной после наведения на неё курсора мыши. В окошке "Качество" можно выбрать настройку видео.
После выбора настройки видео будет отображаться в заданном качестве.

Доступные настройки качества:

1. HD 720p

2. SD 480p

Как добавить эмоджи в поле "Текст"/"Описание" с подключённым редактором TinyMCE

Всё про iframe

Что такое iframe-ссылка и как она работает в Публичной части

Ссылка вида iframe позволяет отображать документ в материале на платформе Motivity без необходимости переходить по ссылке и открывать его в другой вкладке.

Пример отображения Google-формы в мероприятиях.

Пример отображения Google-карты в рассылке.

Пример отображения Google-таблицы в блогах.

Полезно понимать, что ссылки могут быть не только на сервисы Google. Ссылки могут быть на любые сервисы.

Онлайн-интерпретатор языка программирования может работать прямо в теле урока.

Как добавить iframe-ссылку в материал

Чтобы добавить ссылку нужно нажать на кнопку “Исходный код” в текстовом редакторе.

После этого добавить ссылку.

Атрибуты элемента <iframe></iframe> можно посмотреть в документации.

Обязательно заполнить нужно атрибут src – в нём указывается ссылка на источник. Полезно указать размеры блока, в котором будет отображаться документ.
Это атрибуты width (ширина) и height (высота).

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

В каких модулях реализована эта возможность

Если кнопка “Исходный код” есть в редакторе – добавить iframe-ссылку можно.

Где взять такую ссылку

В атрибуте src тега <iframe></iframe> можно указать любую ссылку.

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

Пример того, как забрать нужный код в Google-картах.