Ckeditor, после добавленного видео с YouTube отображается рамка с текстом Iframe. В чем тонкости?

Question

[Роман Савицкий]

Всем привет !
Подключил к сайту этот скрипт

https://cdn.ckeditor.com/4.7.2/full-all/ckeditor.js

Визуальный редактор работает, все отлично.
Присоединил к своему редактору вот этот плагин https://github.com/fonini/ckeditor-youtube-plugin для того чтобы можно было видео с YouTube добавлять в текст. Видео добавляется, все ок.

Проблема: Если переключится на вкладку "Источник"(видим html теги) а затем переключиться в режим редактора, то уже вместо видео отображается просто рамка с текстом Iframe. Либо же если сохранить контент записи и перезагрузить страницу наблюдается такая же история.



Товарищи помогайте, в чем нюанс ? В гоогле на эту тему не смог ничего найти...

Comments

[Александр]

В том, что плагин создает iframe. Это нормальное поведение. Посмотрите его исходники.

[Роман Савицкий]

Александр, Нет, изначально видео вставляется и отображается, только после перезагрузки страници или клике на "Источник", появляется вот такая рамка вместо видео. Хотя html код в редакторе такой же как и в изначальный момент вставки видео.
Я считаю это не нормально.

[Александр]

Роман Савицкий, а в настройках allowedContent разрешены все необходимые параметры для iframe.

[Роман Савицкий]

Александр, Вот так у меня в настройках - allowedContent: true,
Если не секрет, подскажите что нужно указать в allowedContent для iframe ?
Спасибо.

[Александр]

Роман Савицкий, на конечной странице (сохраненной) посетитель получает ролик?

[Роман Савицкий]

Александр, Да, html сохраняет тот, что и при вставке, все отображается пользователю на странице записи.

Answer 1

[Karen Ananiev]

У CKEditor есть плагин iframe, который заменяет все iframe элементы вот таким вот, как они называют, fake object. Но это происходит только при трансформации данных. То есть сначала youtube плагин вставляет iframe с видео не учитывая остальные плагины, а когда вы переключаетесь в режим wysiwyg из режима html, то ckeditor применяет трансформации своих плагинов. В данном случае, это недоработка разработчиков плагина youtube - они не учли и не позаботились об этом.

Лучшим решением будет вариант на основе виджетов, как стандартный https://ckeditor.com/cke4/addon/embed - но там нет настроек видео, увы.

Comments

[Роман Савицкий]

Йоу, огромное спасибо !!!
Дальше я думаю доработаю под себя, возьму этот пример на вооружение ))