Accessibility links

Breaking News

Вставка контента (Embedded Content)


Введение

Данная статья посвещена одной из самых часто используемых функций CKEditor, а именно функции Insert Embed Content.

Данная кнопка позволяет разнообразить свою статью, добавив в нее вставку мультимедийного контента. Помимо контента, содержащегося в Pangea, существует также возможность добавить материалы из внешних источников, например YouTube или Sound Cloud. Одной из часто используемых функций является вставка разных типов контента в статью с помощью кнопки в CKEditor.

Вставляем контент с Внешних ресурсов

Для того, чтобы вставить внешний контент в свою статью, следуйте следующим шагам:

  1. Откройте для редактирования любую статью или любой HTML виджет
  2. Используя CKEditor, нажмите на кнопку Insert Embed Content
  3. Откроется новое окно. Переключите его на вкладку Attach external media
  4. В поле External media URL or Embed Code вставьте нужную вам ссылку или Embed code на нужный материал (например, You Tube URL)
  5. Нажмите кнопку Search для поиска и проверки внесенного URL
  6. После завершения проверки нажмите появившуюся кнопку Attach

Как получить код вставки материала с внешних медиальных ресурсов (embed code)?

  1. Перейдите на любую страницу внешнего медиального провайдера (например, YouTube)
  2. Нажмите на кнопку Поделиться (Share), которая, как правило, расположена под окном проигрывателя
  3. C открывшейся по умолчанию вкладки Share перейдите на вкладку Embed
  4. Скопируйте код целиком, включая тэг <iframe> (здесь же в коде можно настроить ширину (width) и высоту (height))
  5. Отметьте необходимые вам настройки в разделе Embed options

​Как получить код вставки Pangea контента (Pangea embed code)?

Embed code контента, помещеного в Pangea, можно найти как на фронт-энде, так и на бэк-энде сайта. На фронт-энде необходимый вам значок будет расположен в правом верхнем углу.

На бэк-энде – в разделе редактирования конкретного Audio/Video etc.

Вставка инфографики

Инфографики могут быть размещены в статье или виджетах статей с помощью CKEditor. Нажмите Insert embed content, в поиске выберите Interactive > Infographics > Search. Выбрав нужную инфографику, нажмите Attach.

Более подробную информацию об инфографиках можно получить здесь.

Вставка сниппетов

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

Отправить запрос на создание сниппета можно здесь , однако прежде убедительно просим вас просмотреть список уже существующих сниппетов для внешних медиа. Для большинства из них требуется только URL или код вставки (embed code).

Руководства Pangea CMS

XS
SM
MD
LG