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

1 Где используется TinyMCE
2 Как использовать TinyMCE
3 Всё про iframe

Где используется TinyMCE

Тип модуля	Модуль	Поле	Функционал	Упоминания

Тип модуля	Модуль	Поле	Функционал
Базовые модули	Библиотека	Административная часть — Параметры папки / Настройки файла / Настройки страницы: поле Описание	Полный
	Вопрос дня	Административная часть — Создание / Редактирование вопроса: поле Правила	Ограниченный
	Глоссарий	Административная часть — Создание / Редактирование записи: поле Описание	Полный
	Мероприятия	Административная часть — Создание / Редактирование мероприятия: поле Текст
	Мини-опросы	Административная часть — Создание / Редактирование вопроса: поле Вопрос
	Новости	Административная часть — Создание / Редактирование новости: поле Текст
	Тестирование	Административная часть — Тестирования — Создание / Редактирование тестирования: поле Текст
		Административная часть — Тестирования — Вопросы — Создание / Редактирование вопроса: поля Текст вопроса, Пояснение ко всем вопросам
		Административная часть — База вопросов — Создание / Редактирование вопроса: поле Вопрос
	Урок	Административная часть — Создание / Редактирование урока: поле Текст
	Урок	Административная часть — Создание / Редактирование вопроса опроса: поле Содержание вопроса
	Полезные документы	Административная часть — Создание / Редактирование заявки: поле Инструкция
	Помощь	Административная часть — Создание / Редактирование раздела помощи: поле Описание
	Рассылки	Административная часть — Темы — Редактирование рассылки: поля Первый блок и Второй блок
	Ручная рассылка	Административная часть — Рассылка: поле Контент
	Онбординг (Приветственная презентация)	Административная часть — Слайды — Создание / Редактирование слайда: поле Текст
Дополнительные модули	Банк идей	Административная часть — Настройки: поле Правила
	Блоги	Административная часть — Создание / Редактирование записи в блоге: поле Текст
	Блоги	Публичная часть — Создание / Редактирование записи: поле Текст
	Диалоговый тренажёр	Административная часть — Создание / Редактирование диалога: поле Текст
	Звёзды	Административная часть — Конфигурация: поле Правила
	Каталог призов	Административная часть — Создание / Редактирование приза: поля Текст и Характеристика
	Квесты	Административная часть — Создание / Редактирование задания: поля Текст и Подсказка для наставника
	Мини-опросы	Административная часть — Создание / Редактирование мини-опроса: поле Вопрос
	План развития	Административная часть — Конфигурация: поля Правила создания плана, Правила создания цели, Что такое «Модель 70-20-10»
	Пульс	Публичная часть — Создание / Редактирование записи: поле Текст
	Сообщества	Публичная часть — Создание / Редактирование записи: поле Текст
	Опросы	Административная часть — База вопросов — Создание / Редактирование вопроса: поле Вопрос
	Оценка 360	Административная часть — Конфигурация: поле Правила
	Фотоотчёты	Административная часть — Инструкция: поле Правила оценки фотоотчётов
Механики	Комментарии	Публичная часть: комментарии к Новости	— (отсутствует TinyMCE, но важно для механики упоминаний)
		Публичная часть: комментарии к Урокам
		Публичная часть: комментарии к Мероприятиям
		Публичная часть: комментарии к Заданиям квеста
		Публичная часть: комментарии к Идеям (Банк идей)
		Публичная часть: комментарии к Диалогам
		Публичная часть: комментарии к Блогам
		Публичная часть: комментарии к Записям сообщества
		Публичная часть: комментарии к Фотоотчётам
		Публичная часть: комментарии к Страницам (Библиотека)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Библиотека
Глоссарий
Мероприятия, в том числе шаблоны мероприятий
Новости
Тестирования
Уроки

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

Блоги
Диалоговый тренажер
Каталог призов

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

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

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

HD 720p
SD 480p

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

Тип модуля	Модуль	Добавление эмодзи	Где реализовано

Тип модуля	Модуль	Добавление эмодзи	Где реализовано
Базовые модули	Новости	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Мероприятия	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Опросы	Реализовано	Административная панель, Вкладка Контент, поле Вопрос
	Глоссарий	Реализовано	Административная панель, Вкладка Контент, поле Описание
	Библиотека	Реализовано	Административная панель, Вкладка Параметры папки/Настройки файла/Настройки страницы, поле Описание
	Баннеры	Не реализовано
	Тестирование	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Вопрос дня	Не реализовано
	Урок	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Приветственная презентация	Реализовано	Административная панель, Вкладка Слайды, поле Текст
	Помощь	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Ручная рассылка	Не реализовано
	Рассылки	Не реализовано
Дополнительные модули	Каталог призов	Реализовано	Административная панель, Вкладка Контент, поля Описание и Характеристика
	Блоги	Реализовано	Административная панель, Вкладка Контент, поле Текст Публичная часть, Создание записи, поле Текст
	Диалоговый тренажёр	Реализовано	Административная панель, Вкладка Контент, поле Текст

Всё про iframe

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

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

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

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

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

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

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

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

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

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

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

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

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

<iframe
    src="#"
    width="#"
    height="#"
>
</iframe>

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

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

Тип модуля	Модуль	Добавление iframe	Где реализовано

Тип модуля	Модуль	Добавление iframe	Где реализовано
Базовые модули	Новости	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Мероприятия	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Опросы	Не реализовано
	Глоссарий	Реализовано	Административная панель, Вкладка Контент, поле Описание
	Библиотека	Реализовано	Административная панель, Вкладка Параметры папки/Настройки файла/Настройки страницы, поле Описание
	Баннеры	Не реализовано
	Тестирование	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Вопрос дня	Не реализовано
	Урок	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Приветственная презентация	Не реализовано
	Помощь	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Ручная рассылка	Реализовано	Административная панель, Вкладка Рассылка
	Рассылки	Реализовано	Административная панель, Конструктор рассылок, Вкладка Темы
Дополнительные модули	Каталог призов	Реализовано	Административная панель, Вкладка Контент, поля Описание и Характеристика
	Блоги	Реализовано	Административная панель, Вкладка Контент, поле Текст Публичная часть, Создание записи, поле Текст
	Диалоговый тренажёр	Реализовано	Административная панель, Вкладка Контент, поле Текст
	Сообщества	Реализовано	Публичная часть, Создание записи, поле Текст

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

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

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

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