Weird post formatting with line breaks and empty paragraphs with shortcodes

[sba]

Hi,

I see some empty <p> tags while using shortcodes. Can you please help me to avoid these. Hope the solution is simple enough.

[livemesh]

This is a WordPress issue when using shortcodes. Unwanted line breaks and empty paragraphs are easy to sneak in when designing your content. To help overcome this issue, try to have the following code pasted into your custom-functions.php file –

/*
Description: Fix issues when shortcodes are embedded in a block of content that is filtered by wpautop.
*/

function shortcode_empty_paragraph_fix($content) {
    $replace = array(
        '
' => '',
        '
[' => '[',
        ']
' => ']',
        ']
' => ']',
        "
\r[" => "\r[",
        "
\r\n[" => "\r\n[",
        "
\n[" => "\n["
    );

    $content = strtr($content, $replace);

    return $content;
}

add_filter('the_content', 'shortcode_empty_paragraph_fix');

.

Hope this helps.

[John]

Although I didn’t originate the question, I was going to ask it. Perfect solution. Thank you!

[livemesh]

The theme was updated last week resolving this issue.

I still advise users to have this code in there to avoid this annoying WordPress issue when they come up with their content using shortcodes. You can do without this code provided you are willing to spend some time around removing line breaks around shortcode content.

For demo content, you no longer require this.

[Author]

Posts