Вставить видео vimeo в редактор tinyMCE

Question

Я ничего не знаю о программировании, поэтому извиняюсь за неправильную терминологию.

Мне нужно встроить видео из vimeo в редактор tinyMCE. Вот код для встраивания, который Vimeo предоставляет для своих видео:

<iframe src="http://player.vimeo.com/video/24676022" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Когда я вставляю это в редактор и нажимаю обновить, ничего не происходит. Это просто ненавидит и не позволяет мне сделать это или есть простой обходной путь?

Answer 1

Вставляете ли вы этот HTML-код в HTML-версию вашего редактора tinyMCE?

Вы не можете просто скопировать и вставить HTML в редактор WYSIWYG редактора.

Если вы не выполняете какую-либо постобработку HTML, который пытаетесь сохранить, iframe также должен быть сохранен (и показан в окончательной версии).

Answer 2

Вы можете использовать следующий код jquery для встраивания фреймов в ваши созданные страницы:

$(document).ready(function() {
    var $obj = $('.mce-object-iframe');
    var video_url = $obj.attr('data-mce-p-src');
    var width = $obj.attr('width');
    var height = $obj.attr('height');

    $obj.replaceWith('<iframe width="'+width+'" height="'+height+'" src="'+video_url+'" style="border:0px;"></iframe>');
});

Answer 3

вы можете использовать htmlspecialchars_decode($data_from_mysql)

это будет отображать видео в вашем веб-браузере ....

ну, это прекрасно работает для меня ..

Answer 4

Решение состоит в том, чтобы просто настроить TinyMCE для принятия тега iframe в качестве допустимого элемента. Вы можете узнать больше здесь: http://www.frederikvig.com/2010/10/how-to-add-support-for-iframes-and-other-elements-to-tinymce-in-episerver-cms/