Buat WordPress WYSIWYG tidak menghapus iframe

Saya memiliki blog yang sering harus saya masukkan iframe ke dalam posting karena berbagai alasan (jangan tanya kenapa hanya percaya padaku!)

Ketika saya menggunakan tampilan "visual" untuk mengedit posting saya, WYSIWYG secara konstan menghapus iframe saya ...

Saya tahu saya dapat menyimpan iframe di pos jika saya menggunakan tampilan "html" dan hanya melihat / menyimpan dari tampilan "html" ... namun saya benar - benar ingin dapat menggunakan WYSIWYG normal untuk mengedit posting saya tanpa harus menggunakan tampilan "html".

Apakah ada yang bisa saya lakukan untuk menonaktifkan perilaku ini? Saya telah melihat posting ini , yang menunjukkan pengeditan wp-includes/js/tinymce/tiny_mce_config.php, tetapi saya benar-benar lebih suka menghindari melakukan sesuatu seperti itu yang mungkin hanya akan merusak upgrade!

Jika Anda tidak ingin menulis kode Anda sendiri, ada plugin untuk mengizinkan penyematan <iframe>:

• Sematkan Plugin IFrame untuk WordPress

Kemudian gunakan saja kode pendek seperti ini:

[iframe http://example.com 400 500]

Anda dapat menyesuaikan filter TinyMCE, lihat contoh berikut untuk <iframe>tag dan lainnya untuk menggunakan Google Maps di dalam TinyMCE.

function fb_change_mce_options( $initArray ) {

    // Comma separated string od extendes tags.
    // Command separated string of extended elements.
    $ext = 'pre[id|name|class|style],iframe[align|longdesc|name|width|height|frameborder|scrolling|marginheight|marginwidth|src]';

    if ( isset( $initArray['extended_valid_elements'] ) ) {
        $ext = ',' . $ext;
    }
    $initArray['extended_valid_elements'] = $ext;

    // Maybe, set tiny parameter verify_html
    //$initArray['verify_html'] = false;

    return $initArray;
}
add_filter( 'tiny_mce_before_init', 'fb_change_mce_options' );

Tambahkan ini ke plugin kustom atau functions.php dari tema. Anda juga dapat membaca informasi lebih lanjut di posting saya: http://wpengineer.com/1963/customize-wordpress-wysiwyg-editor/

Saya harus memutakhirkan ke wordpress 3.2.1 dan kemudian menginstal Embed Iframe dan bekerja dengan baik.

Tages iframe tidak lagi dihapus ketika beralih bolak-balik dari html ke Visual di wordpress.

Dalam lingkungan multisite, setiap pengguna selain superadmin mendapatkan pemfilteran html (karena kerentanan keamanan potensial ). Berdasarkan ini, Anda dapat menambahkan Tambahkan unfiltered_html Kemampuan untuk editor.

/**
 * Enable unfiltered_html capability for Editors.
 *
 * @param  array  $caps    The user's capabilities.
 * @param  string $cap     Capability name.
 * @param  int    $user_id The user ID.
 * @return array  $caps    The user's capabilities, with 'unfiltered_html' potentially added.
 */
function km_add_unfiltered_html_capability_to_editors( $caps, $cap, $user_id ) {
    if ( 'unfiltered_html' === $cap && user_can( $user_id, 'editor' ) ) {
        $caps = array( 'unfiltered_html' );
    }
    return $caps;
}
add_filter( 'map_meta_cap', 'km_add_unfiltered_html_capability_to_editors', 1, 3 );

Jika Anda tidak suka menggunakan plugin tambahan untuk solusi shortcode, Anda dapat menambahkan sesuatu di sepanjang baris ini ke tema, plugin atau functions.php Anda untuk menambahkannya dengan tangan. Jika perlu, Anda mungkin perlu menambahkan beberapa kunci lagi ke array-kunci.

add_shortcode( 'iframe' , 'mycustom_shortcode_iframe' );
function mycustom_shortcode_iframe($args, $content) {
    $keys = array("src", "width", "height", "scrolling", "marginwidth", "marginheight", "frameborder");
    $arguments = mycustom_extract_shortcode_arguments($args, $keys);
    return '<iframe ' . $arguments . '></iframe>';
}

function mycustom_extract_shortcode_arguments($args, $keys) {
    $result = "";
    foreach ($keys as $key) {
        if (isset($args[$key])) {
            $result .= $key . '="' . $args[$key] . '" ';
        }
    }
    return $result;
}

Kemudian di halaman posting Anda, penggunaannya akan seperti ini:

[iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/maps?f=q&source=s_q&hl=de&geocode=&q=New+York+City,+New+York,+USA&aq=0&oq=new+york&sll=51.238455,6.81435&sspn=0.373151,1.056747&ie=UTF8&hq=&hnear=New+York+City,+New+York,+Vereinigte+Staaten&t=m&z=11&iwloc=A&output=embed"]

Saya menemukan bahwa menggunakan plugin Fusion Editor untuk membangun halaman saya di Wordpress berfungsi dengan baik.

Video ini menunjukkan cara menggunakan Fusion Builder (lewati ke 4:15 untuk bagian tentang menambahkan wadah, kolom, elemen, dan blok kode): https://www.youtube.com/watch?v=UDyNsnB_COA

Saya klik untuk menambahkan wadah, lalu klik tambahkan elemen, dan kemudian tambahkan blok kode alih-alih blok teks (blok teks akan menghapus iframe, tetapi blok kode tidak akan). Di blok kode saya, saya tempel kode iframe saya dan publikasikan. Bekerja dengan baik dan saya tidak perlu memodifikasi file PHP apa pun!