Vimeo-Video in tinyMCE-Editor einbetten

Question

Ich habe keine Ahnung vom Programmieren, also entschuldigen Sie bitte, wenn ich die Begriffe falsch verstehe.

Ich muss ein Video von vimeo in tinyMCE Editor einbetten. Dies ist der Einbettungscode, den Vimeo für seine Videos bereitstellt:

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

Wenn ich das in den Editor einfüge und auf Aktualisieren klicke, passiert nichts. Hasst er es einfach und lässt es mich nicht tun, oder gibt es eine einfache Umgehung?

Answer 1

Fügen Sie diesen HTML-Code in die HTML-Version Ihres tinyMCE-Editors ein?

Sie können HTML nicht einfach kopieren und in den WYSIWYG-Editor des Editors einfügen.

Sofern Sie den zu speichernden HTML-Code nicht nachbearbeiten, sollte der iframe ebenfalls gespeichert (und in der endgültigen Version angezeigt) werden.

Answer 2

Die Lösung besteht einfach darin, TinyMCE so zu konfigurieren, dass es das iframe-Tag als gültiges Element akzeptiert. Sie können hier mehr erfahren: http://www.frederikvig.com/2010/10/how-to-add-support-for-iframes-and-other-elements-to-tinymce-in-episerver-cms/

Answer 3

Können Sie htmlspecialchars_decode($data_from_mysql)

wird das Video in Ihrem Webbrowser angezeigt....

Nun, das funktioniert perfekt für mich.

Answer 4

Sie können den folgenden Jquery-Code verwenden, um iframes in Ihre mit tinymce erstellten Seiten einzubetten:

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