removing <p> tags around img and iframes

morgan

I am developing a custom theme for a client and the WordPress editor breaks the page design as expected. Because of unwanted <p> tag that includes through the WordPress editor.

This is what i am getting.

<p><img ... /></p>
<p><iframe>.....</iframe></p>

This is what i want

<img ... />
<iframe>.....</iframe>

James

morgan use the_content filter hook with regex to remove the <p> tags around the particular tag. Take a look to the below codes.

function wp97345_remove_ptags( $content ) {

    $content = preg_replace('/<p>\s*(<img .* \/>)\s*<\/p>/iU', '\1', $content);
    $content = preg_replace('/<p>\s*(<iframe.*>*.<\/iframe>)\s*<\/p>/iU', '\1', $content);
    return $content;
}
add_filter( 'the_content', 'wp97345_remove_ptags' );

I hope this will help.