Faça com que o WordPress WYSIWYG não retire o iframe

Eu tenho um blog que muitas vezes preciso inserir iframes em postagens por vários motivos (não pergunte por que apenas confie em mim!)

Quando uso a visualização "visual" para editar minhas postagens, o WYSIWYG retira constantemente meus iframes ...

Sei que posso manter os iframes na postagem se usar a visualização "html" e exibir / salvar apenas da visualização "html" ... no entanto, eu realmente gostaria de poder usar o WYSIWYG normal para editar minha postagem sem ter que recorrer à exibição "html".

Há algo que eu possa fazer para desativar esse comportamento? Eu já vi esse post , que sugere edição wp-includes/js/tinymce/tiny_mce_config.php, mas eu prefiro evitar fazer algo assim que provavelmente acabaria em uma atualização!

Se você não quiser escrever seu próprio código, existe um plugin para permitir a incorporação de <iframe>:

• Incorporar plug-in do IFrame para WordPress

Em seguida, basta usar o shortcode como este:

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

Você pode personalizar o filtro do TinyMCE. Consulte o exemplo a seguir para se <iframe>outras tags para usar o Google Maps no 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' );

Adicione isso a um plug-in personalizado ou functions.php do tema. Além disso, você pode ler mais informações no meu post: http://wpengineer.com/1963/customize-wordpress-wysiwyg-editor/

Eu tive que atualizar para o wordpress 3.2.1 e, em seguida, instalei o Embed Iframe e funcionou muito bem.

Os iframe tages não foram mais removidos ao alternar entre html e Visual no wordpress.

No ambiente multissite, todos os usuários, exceto o superadmin, recebem filtragem html (devido a possíveis vulnerabilidades de segurança ). Com base nisso, você pode adicionar Adicionar capacidade não filtrada_html aos editores.

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

Se você não gosta de usar um plug-in adicional para a solução de shortcode, pode adicionar algo nesse sentido ao seu tema, plugin ou functions.php para adicioná-lo manualmente. Se necessário, pode ser necessário adicionar mais algumas chaves à matriz de chaves.

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

Em seguida, na sua página de postagem, o uso seria o seguinte:

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

Eu descobri que usar o plugin Fusion Editor para criar minhas páginas no Wordpress funciona bem.

Este vídeo mostra como usar o Fusion Builder (pule para 4:15 da parte sobre adição de contêineres, colunas, elementos e blocos de código): https://www.youtube.com/watch?v=UDyNsnB_COA

Clique para adicionar um contêiner, clique em adicionar elemento e, em seguida, adicione um bloco de código em vez de um bloco de texto (o bloco de texto removerá um iframe, mas o bloco de código não). No meu bloco de código, colo meu código iframe e publico. Funciona muito bem e não preciso modificar nenhum arquivo PHP!