將vimeo視頻嵌入到tinyMCE編輯器

我對編程一無所知，所以如果我的術語出錯，我一定會道歉的。將vimeo視頻嵌入到tinyMCE編輯器

我需要將vimeo的視頻嵌入到tinyMCE編輯器中。這是嵌入代碼的Vimeo提供的視頻：

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

當我粘貼到編輯器，然後單擊更新，沒有任何反應。它只是恨它，不會讓我這樣做，或有一個簡單的解決方法？

來源

2012-02-23 Chard

您使用的是什麼版本的tinymce ？什麼是你的tinymce配置？你使用tinymce演示頁面（http://www.tinymce.com/tryit/full.php）來測試它嗎？ – Thariama 2012-02-23 13:12:33

我也有這個相同的問題 – 2012-06-26 11:29:22

您是否將該HTML代碼粘貼到您的tinyMCE編輯器的HTML版本中？

您不能簡單地將HTML複製並粘貼到編輯器的所見即所得編輯器中。

除非您正在對您試圖保存的HTML進行任何後處理，否則iframe應該保存（並顯示在最終版本中）。

來源

2012-07-04 14:38:28 darkAsPitch

解決方案只是將TinyMCE配置爲接受iframe標記作爲有效元素。您可以在這裏瞭解更多：http://www.frederikvig.com/2010/10/how-to-add-support-for-iframes-and-other-elements-to-tinymce-in-episerver-cms/

來源

2012-12-21 10:42:01

可以使用htmlspecialchars_decode($data_from_mysql)

它會顯示在Web瀏覽器的視頻....

好這個工作非常適合我。

來源

2013-12-25 19:28:00

你可以使用以下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 width="'+width+'" height="'+height+'" src="'+video_url+'" style="border:0px;"></iframe>'); 
});

來源

2016-08-01 11:10:29

將vimeo視頻嵌入到tinyMCE編輯器

回答

相關問題