Accessibility links

Breaking News

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


Введение

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

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

Добавляем элементы с Внешних ресурсов

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

  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.

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

Инфографики могут быть размещены в статье двумя способами: в качестве Embeded content или в качестве ссылки Also Read (более подробная информация об Also Read здесь).
Чтобы разместить инфографику в статье как Embedded content, кликните на иконку Insert embed content, в поиске выберите Interactive > Infographics > Search. Выбрав нужную инфографику, нажмите Attach.

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

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

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

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

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

XS
SM
MD
LG