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代码粘贴到tinyMCE编辑器的HTML版本中？

您不能简单地将HTML复制并粘贴到编辑器的WYSIWYG编辑器中。

除非您正在对要保存的HTML进行任何后处理，否则也应保存iframe（并显示在最终版本中）。

Answer 2

解决方案只是将TinyMCE配置为接受iframe标记作为有效元素。您可以在此处了解详情：http://www.frederikvig.com/2010/10/how-to-add-support-for-iframes-and-other-elements-to-tinymce-in-episerver-cms/

Answer 3

您可以使用htmlspecialchars_decode($data_from_mysql)

它会在您的网络浏览器中显示视频....

这对我来说很完美..

Answer 4

您可以使用以下jquery代码将iframe嵌入到创建的页面中：

$(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>');
});

将vimeo视频嵌入tinyMCE编辑器

4 个答案: