AddThis Plugin adding html comments in P tags

Question

I am using a plugin called AddThis on a website at: http://minionsphotography.com/. With AddThis enabled I am getting some extra P tags in-between the header and the text on the page: <p><!-- AddThis Sharing Buttons above --></p>, this adds a lot of extra space and shouldn't be there. *On the homepage it's the space between the Welcome header and the slideshow image.

Is there a function or something out there that I could use to find and remove the html comment on the page to eliminate the extra space? I use a plugin called pSquirrel to detect and remove empty P tags, but it won't remove this one (I'm guessing because pSquirrel doesn't think it's empty because of the html comment).

Thanks,
Josh

Answer 1

You put this function there:

$("#main").each(function() {
                var text = $(this).text();
                text = text.replace("<p><!-- AddThis Sharing Buttons above --></p>", "");
                $(this).text(text);
            });

Did it work?

If not, why do you want to do that? You can go to the main plugin and replace this text..

Answer 2

I added this to my functions.php file, which removes all html comments, which eliminates the issue.

I found the solution here: https://www.thewebtaylor.com/articles/wordpress-remove-html-comments

function callback($buffer) {
    $buffer = preg_replace('/<!--(.|s)*?-->/', '', $buffer);
    return $buffer;
}
function buffer_start() {
    ob_start("callback");
}
function buffer_end() {
    ob_end_flush();
}
add_action('get_header', 'buffer_start');
add_action('wp_footer', 'buffer_end');