将 vimeo 视频嵌入到 tinyMCE 编辑器中

Posted 2023-03-13

【中文标题】将 vimeo 视频嵌入到 tinyMCE 编辑器中

【英文标题】：Embed vimeo video into tinyMCE editor

【发布时间】：2012-03-13 20:32:13

【问题描述】：

我对编程一无所知，所以如果我弄错了术语，请道歉。

我需要将 vimeo 中的视频嵌入到 tinyMCE 编辑器中。这是 Vimeo 为其视频提供的嵌入代码：

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

当我将其粘贴到编辑器中并单击更新时，没有任何反应。它只是讨厌它并且不让我这样做还是有一个简单的解决方法？

【问题讨论】：

您使用的是什么版本的 tinymce？你的tinymce配置是什么？您是否使用 tinymce 演示页面 (tinymce.com/tryit/full.php) 对其进行了测试？

我也遇到了同样的问题

【参考方案1】：

您是否将该 html 代码粘贴到您的 tinyMCE 编辑器的 HTML 版本中？

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

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

【参考方案2】：

解决方案是简单地将 TinyMCE 配置为接受 iframe 标签作为有效元素。 你可以在这里了解更多：http://www.frederikvig.com/2010/10/how-to-add-support-for-iframes-and-other-elements-to-tinymce-in-episerver-cms/

【参考方案3】：

你可以使用htmlspecialchars_decode($data_from_mysql)

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

这对我来说很完美..

【参考方案4】：

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

$(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   src="'+video_url+'" style="border:0px;"></iframe>');
);