Johann Heyne

<p>Fix <a href="https://core.trac.wordpress.org/ticket/12061" rel="nofollow ugc">known issues</a> when shortcodes are embedded in a block of content that is filtered by wpautop.</p>
<h4>for Theme Developers</h4>
<p>If you are developing a theme to provide this on a marketplace, you better embed the following code in your functions.php. This code filters only the shortcodes you defined. Otherwise you risk a failed review because the code in the plugin filters content in general which may is not acceptet.</p>
<pre><code>function shortcode_empty_paragraph_fix( $content ) {

    // define your shortcodes to filter, '' filters all shortcodes
    $shortcodes = array( 'your_shortcode_1', 'your_shortcode_2' );

    foreach ( $shortcodes as $shortcode ) {

        $array = array (
            '<p>[' . $shortcode => '[' .$shortcode,
            '<p>[/' . $shortcode => '[/' .$shortcode,
            $shortcode . ']</p>' => $shortcode . ']',
            $shortcode . ']<br />' => $shortcode . ']'
        );

        $content = strtr( $content, $array );
    }

    return $content;
}

add_filter( 'the_content', 'shortcode_empty_paragraph_fix' );
</code></pre>
<p>Another solution that is acceptet at the envato (themeforest) marketplace comes from <a href="https://gist.github.com/bitfade/4555047" title="a Gist on Github" rel="nofollow ugc">bitfade</a>.</p>


Shortcode Empty Paragraph Fix

The standalone function work great , thank you

It's work

This simply plugin resolve the issue in mine.
I added the function and filter to my own plugin if it did not already exist.


Thanks! It solves my issue

Fix known issues when shortcodes are embedded in a block of content that is filtered by wpautop.

Dev Kabir

<p>Are you tired of dealing with pesky CORS errors on your website? Do you want to finally be able to access cross-origin resources with ease? Look no further! This plugin is here to solve all of your CORS issues. With just a few simple clicks, you can enable CORS support on your website and say goodbye to frustrating error messages. Plus, This tool is easy to use and compatible with all major browsers. Don’t miss out on this game-changing solution! Try today and revolutionize the way you access cross-origin resources.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/HAcE67gnwT8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bFru6VCZ7KA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/-WGML9mZmPo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>What is CORS ?</h3>
<p>CORS (Cross-Origin Resource Sharing) is a security feature implemented by web browsers that blocks web pages from making requests to a different domain than the one that served the web page. This is done to prevent malicious websites from making unauthorized requests to other websites on behalf of the user.</p>
<p>However, there may be legitimate reasons for a web page to make requests to a different domain, such as accessing a third-party API or including resources from a CDN. In these cases, the server that the web page is making the request to can include special headers in its responses that tell the browser to allow the web page to access the resources.</p>
<p>If a web page tries to make a request to a different domain and the server doesn’t include the necessary CORS headers, the browser will block the request and the web page will receive a CORS error. This can be frustrating for developers, as it can prevent them from accessing resources they need to build their websites or applications.</p>
<h3>Does the cors error occur on WordPress?</h3>
<p>Yes, CORS errors can occur on WordPress websites. WordPress is a content management system (CMS) that runs on a web server and serves web pages to users through a web browser. As with any other web page, CORS errors can occur when a WordPress website tries to make requests to a different domain and the server doesn’t include the necessary CORS headers in its responses.</p>
<p>There are several reasons why a WordPress website might encounter CORS errors. For example, the website might be using a plugin or theme that makes requests to an external API or includes resources from a different domain. In this case, the server hosting the API or resources would need to include the necessary CORS headers in its responses to allow the WordPress website to access them.</p>
<p>Another possible cause of CORS errors on WordPress websites is if the website is hosted on a server that has CORS headers disabled. In this case, the website would not be able to make requests to any other domains, even if the server hosting those domains includes the necessary CORS headers.</p>
<p>To fix CORS errors on a WordPress website, you will need to either configure the server to include the necessary CORS headers or modify the website to make requests to a different domain that does include the necessary headers. It’s also possible to use a plugin or other tool to enable CORS support on your WordPress website.</p>
<h3>How do I enable cors without a plugin in WordPress?</h3>
<p>There are a few different ways you can enable CORS support on a WordPress website without using a plugin.</p>
<p>Modify the server configuration: If you have access to the server that your WordPress website is hosted on, you can enable CORS by adding the necessary headers to the server’s configuration. The exact steps for doing this will depend on the type of server you are using and how it is configured.</p>
<p>Be aware that modifying the server configuration or adding code to your WordPress website can have unintended consequences, so it’s a good idea to test any changes thoroughly before deploying them to a production environment.</p>
<h3>How does your plugin help with CORS support?</h3>
<p>This plugin adds support for CORS to your WordPress website, allowing you to specify which domains are allowed to access your website’s resources, and which types of requests are allowed. This helps to ensure that your website remains secure while allowing authorized access to resources from other domains.</p>
<p><strong>If your site is serving data to others, then This plugin will work. Otherwise, do not install this plugin, It will be waste of your time only.</strong></p>
<h3>Why Choose ‘Enable CORS’</h3>
<ul>
<li><strong>Save Time</strong>: No more manual configuration of CORS headers. This plugin does it for you.</li>
<li><strong>Improve Security</strong>: Specify which domains are allowed to access your website’s resources.</li>
<li><strong>Ease of Use</strong>: This plugin is easy to use and compatible with all major browsers.</li>
<li><strong>Excellent Support</strong>: I offer top-notch <strong>paid support</strong> to assist you whenever you need help.</li>
</ul>
<p>Try ‘Enable CORS’ today and experience the difference!</p>
<h3>Testing Your Setup</h3>
<ol>
<li>
<p><strong>Source Site</strong>:</p>
<ul>
<li>Install and activate the <strong>Enable CORS</strong> plugin.</li>
<li>Install and activate the <strong>Cors Tester</strong> plugin.</li>
</ul>
</li>
<li>
<p><strong>Target Site</strong>:</p>
<ul>
<li>Install and activate the <strong>CORS Shortcode Plugin</strong>.</li>
<li>It will add a page with a short code <code>[cors_display]</code></li>
<li>Edit and save the page content as follows:<br />
 <code>php<br />
[cors_display base_url="http://source-site.com"]</code></li>
<li>If you don’t provide a <code>base_url</code>, it will default to the target site’s URL. So cors will be failed.</li>
</ul>
</li>
<li>
<p><strong>Testing</strong>:</p>
<ul>
<li>Visit the page where you added the shortcode. If everything is set up correctly, the current time data from the <strong>Source Site</strong> will be displayed.</li>
</ul>
</li>
</ol>
<p>For a detailed walkthrough and additional help on testing your configuration, please refer to the following link: <a href="https://gist.github.com/devkabir/89972aa28d2302cecf13385be1730eda" rel="nofollow ugc">How to Test Your Setup</a></p>
<h3>Note to all users</h3>
<p>I appreciate your understanding that this project is pursued in my spare time, outside of my regular professional commitments. As such, there may be delays in responding to inquiries or implementing updates. I assure you that I am committed to this project, as I personally use this plugin for my own website and for several of my clients. If you are comfortable with this arrangement, I encourage you to install the plugin. However, if immediate support and frequent updates are crucial for you, I kindly suggest exploring other options that may better suit your needs.</p>
<h3>Thank You</h3>
<ul>
<li><a href="https://profiles.wordpress.org/yanabelle/" rel="nofollow ugc">Dakini</a> and <a href="https://profiles.wordpress.org/irinashl/" rel="nofollow ugc">Irina</a> for their contributions to the Russian translation.</li>
</ul>


Enable CORS

Please read the plugin description before installing to ensure compatibility and avoid potential issues. This plugin will be free forever.

Shortcode Empty Paragraph Fix vs Enable CORS