Visual editor in wordpress is not showing when Cloudflare is enabled

Hi, I have been pulling my hair since hours now. Finally got to know that the Visual editor in Wordpress is not working because of Cloudflare. I Disabled CloudFlare and that seemed to work. The visual editor in add post etc appears without cloudflare.
It is a new website motorbridge.com

Can you please help and let me know a work around it.
How can I keep cloudflare and also use visual editor in Wordpress.

Please help!

Are you talking about the regular Gutenberg editor?

If you open your browser’s Dev Tools (F12 in Chrome), do you see any errors in Console or Network?

Hi, am talking about the classic editor. If I disable Cloudflare, the visual editor works. If I enable Cloudflare the visual editor disappears. If I write anybody text that does not appear either when cloudflare is enabled.

And when Cloudflare is disabled it appears

tried this too - Disabling Cloudflare features on admin pages for content management systems like WordPress – Cloudflare Help Center

but it does not help. Something by clouflare is blocking the visual editor.

These are the errors I got in console:
VM165:5 Mixed Content: The page at ‘Log In ‹ Motor Bridge — WordPress’ was loaded over HTTPS, but requested an insecure script ‘http://motorbridge.com/wp-includes/js/wp-emoji-release.min.js?ver=5.8’. This request has been blocked; the content must be served over HTTPS.
HTMLElement.appendChild @ VM165:5
load-scripts.php?c=1&load[chunk_0]=jquery-core,jquery-migrate,utils,moxiejs,plupload&ver=5.8:5 JQMIGRATE: Migrate is installed, version 3.3.2
10Mixed Content: The page at ‘’ was loaded over HTTPS, but requested an insecure stylesheet ‘’. This request has been blocked; the content must be served over HTTPS.
post-new.php:1 Mixed Content: The page at ‘Log In ‹ Motor Bridge — WordPress’ was loaded over HTTPS, but requested an insecure element ‘http://motorbridge.com/wp-includes/js/thickbox/loadingAnimation.gif’. This request was automatically upgraded to HTTPS, For more information see Chromium Blog: No More Mixed Messages About HTTPS
post-new.php:1 Mixed Content: The page at ‘Log In ‹ Motor Bridge — WordPress’ was loaded over HTTPS, but requested an insecure favicon ‘http://motorbridge.com/wp-includes/images/w-logo-blue-white-bg.png’. This request has been blocked; the content must be served over HTTPS.
DevTools failed to load source map: Could not load content for https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Mixed content? Was your site working with HTTPS before you added it to Cloudflare?

No, it was on HTTP. One of the reason to use cloudflare is because of its SSL.

Then that’s the problem. Your server is not properly configured. Ask your host to add HTTPS to your site. If they let you upload your own certificate, Cloudflare can provide one:
https://developers.cloudflare.com/ssl/origin-configuration/origin-ca

1 Like

Added the SSL certificate generated fromt Cloudflare. But that has also not solved the problem. :frowning:

Ok, found a workaround, the SSL seemed to be a problem.

So read around and found:
simply install 2 plugin:

1st CloudFlare Flexible SSL
2nd SSL Insecure Content Fixer

That fixed my problem :slight_smile:

And you still have a wonderfully broken and insecure site.

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.