ทำให้ WordPress WYSIWYG ไม่ได้ตัดออกจาก iframe

ฉันมีบล็อกที่มักต้องใส่ iframes ลงในโพสต์ด้วยเหตุผลต่าง ๆ (อย่าถามว่าทำไมแค่เชื่อฉัน!)

เมื่อฉันใช้มุมมอง "ภาพ" เพื่อแก้ไขโพสต์ของฉัน WYSIWYG constatantly จะตัดออก iframes ของฉัน ...

ฉันรู้ว่าฉันสามารถเก็บใน iframe ในการโพสต์ถ้าผมใช้ "HTML" มุมมองและมีเพียงดู / บันทึกจาก "HTML" มุมมอง ... แต่ฉันจริงๆต้องการที่จะสามารถที่จะใช้ WYSIWYG ปกติที่จะแก้ไขโพสต์ของฉันโดยไม่ต้องหันไปใช้มุมมอง "html"

มีสิ่งใดบ้างที่ฉันสามารถทำได้เพื่อปิดใช้งานพฤติกรรมนี้ ฉันเคยเห็นโพสต์นี้แสดงให้เห็นการแก้ไขwp-includes/js/tinymce/tiny_mce_config.phpแต่ฉันควรหลีกเลี่ยงการทำสิ่งที่น่าจะเป็นการอัพเกรด!

หากคุณไม่ต้องการที่จะเขียนรหัสของคุณเองมีปลั๊กอินที่อนุญาตให้ฝัง<iframe>:

• ฝังปลั๊กอิน IFrame สำหรับ WordPress

จากนั้นใช้รหัสย่อแบบนี้:

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

คุณสามารถปรับแต่งตัวกรองของ TinyMCE ดูตัวอย่างต่อไปนี้สำหรับ<iframe>s และแท็กอื่น ๆ เพื่อใช้ Google Maps ภายใน 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' );

เพิ่มสิ่งนี้ลงในปลั๊กอินหรือฟังก์ชั่นที่กำหนดเองของธีม นอกจากนี้คุณยังสามารถอ่านข้อมูลเพิ่มเติมในโพสต์ของฉัน: http://wpengineer.com/1963/customize-wordpress-wysiwyg-editor/

ฉันต้องอัปเกรดเป็น wordpress 3.2.1 แล้วติดตั้ง Embed Iframe และใช้งานได้ดี

ข้อผิดพลาด iframe ไม่ได้ถูกลบอีกต่อไปเมื่อสลับไปมาจาก html เป็น Visual ใน wordpress

ในสภาพแวดล้อม MultiSite การทุกผู้ใช้อื่นที่ไม่ใช่ผู้ดูแลระบบระดับได้รับการกรอง HTML (เพราะช่องโหว่ความปลอดภัยที่อาจเกิดขึ้น ) จากนี้คุณสามารถเพิ่ม Add unfiltered_html ความสามารถให้กับบรรณาธิการ

/**
 * 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 );

หากคุณไม่ต้องการใช้ปลั๊กอินเพิ่มเติมสำหรับโซลูชันย่อคุณสามารถเพิ่มบางสิ่งตามบรรทัดเหล่านี้ในธีมปลั๊กอินหรือ function.php เพื่อเพิ่มด้วยมือ หากจำเป็นคุณอาจต้องเพิ่มคีย์เพิ่มเติมลงในคีย์ - อาเรย์

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;
}

จากนั้นในหน้าโพสต์ของคุณการใช้จะเป็นดังนี้:

[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"]

ฉันพบว่าการใช้ปลั๊กอิน Fusion Editor เพื่อสร้างหน้าของฉันใน Wordpress ทำงานได้ดี

วิดีโอนี้แสดงวิธีการใช้ Fusion Builder (ข้ามไปที่ 4:15 สำหรับส่วนที่เกี่ยวกับการเพิ่มคอนเทนเนอร์ Coloumns องค์ประกอบและบล็อครหัส): https://www.youtube.com/watch?v=UDyNsnB_COA

ฉันคลิกเพื่อเพิ่มคอนเทนเนอร์จากนั้นคลิกเพิ่มองค์ประกอบแล้วเพิ่มบล็อกรหัสแทนบล็อกข้อความ (บล็อกข้อความจะลบ iframe แต่บล็อกโค้ดจะไม่) ในบล็อครหัสของฉันฉันวางรหัส iframe และเผยแพร่ ใช้งานได้ดีและฉันไม่ต้องแก้ไขไฟล์ PHP ใด ๆ !