WordPress Visual Editor Blank: Video Guide
How to Fix White Text and Missing Buttons Error in WordPress Visual Editor
Clear the browser cache
A broken visual editor can sometimes be caused by the browser rather than WordPress itself, and clearing the browser cache may restore it if the page is loading as blank.
Open the browser and click on a button with three dots at the top right corner of the browser window.
Place the mouse pointer on ‘More tools’ and click on ‘Clear browsing data*’*.
Select a time range from the dropdown and click the ‘clear data’ button.
If the issue continues, disabling Ad Block Plus or a similar extension can fix the blank visual editor.
Open the browser and click on the menu button at the upper right corner.
Select Options from the menu.
In the Privacy section, click on Clear your recent history. From the drop-down menu next to a Time range to clear, select Everything, then click on Clear Now.
You can also use browser debug mode to check whether elements in the editor are being blocked.
Deactivate all plugins
Incompatible plugins can cause the visual editor to break, including on the admin post or page editor screen, so it’s important to understand how to use and manage WordPress plugins effectively.
Temporarily disable plugins to help identify compatibility issues and the source of the problem, and if a faulty add-on refuses to go away you may need to follow a guide on what to do when you can’t delete a WordPress plugin.
Older plugins or an outdated theme can break WordPress functionality and, in some cases, even the admin screen; a 5-year-old plugin may completely break the site, sometimes resulting in a blank WordPress admin panel that also needs troubleshooting.
Advanced options to fix the WordPress Visual Editor Not Working
Replace your TinyMCE folder and core files
Download a corresponding version of WordPress from the WordPress website and extract the zip file to a suitable location on your computer. This also gives you a fresh copy of WordPress in case you need to replace corrupted core files, and reinstalling WordPress update files can be a simple solution for damaged files.
Access your WordPress files on your server using an FTP client like FileZilla and double-click on the path: wp-includes > js.
Locate a folder called ‘tinymce’ and delete it.
On the left-hand side of FileZilla where you have your computer files, locate your newly downloaded WordPress folder and double-click on the path: wp-includes > js.
Locate the ‘tinymce’ folder, right click on it, and click Upload. This will replace the folder you deleted. Replacing the TinyMCE directory can fix the issue when corrupted files are preventing the visual editor from loading.
Modify the wp-config file
Open ‘wp-config.php’ file in a text editor such as ‘notepad’
Right under the ‘< ?php’ tag, insert this code ‘define(‘CONCATENATE_SCRIPTS’,false);’ and save the file, as this changes how WordPress loads scripts.
If this does not solve the issue, also check your WordPress URL settings, because a colon in the site URL can trigger a blank editor on your site; URL problems can also surface as WordPress 404 page not found errors across your site.
Install the advanced TinyMCE plugin
Frequently Asked Questions
What is the WordPress visual editor?
The WordPress visual editor is a user-friendly interface that allows users to create and edit content without needing to write code, and learning how to edit text in WordPress across both Classic and Block editors makes content changes faster and more accurate. It provides a WYSIWYG (What You See Is What You Get) experience, enabling users to add text, images, and other media easily.
Why is my WordPress visual editor not working?
Common reasons for a blank or non-working visual editor include incompatible or outdated plugins, browser cache issues, conflicts with themes, browser extensions like ad blockers, or corrupted core files, and similar conflicts can also lead to issues such as a WooCommerce cart not working correctly on your store. Sometimes, user profile settings may disable the visual editor accidentally, and if you are using a complex theme such as Enfold you may benefit from dedicated Enfold theme support and troubleshooting assistance.
How can I troubleshoot my WordPress visual editor?
Start by clearing your browser cache and disabling any ad blockers or browser extensions. Next, deactivate all plugins to check for conflicts, then reactivate them one by one. Try switching to a default WordPress theme to rule out theme issues. If problems persist, replace the TinyMCE folder with a fresh copy from the same WordPress version and consider modifying the wp-config.php file to change script loading behavior.
What should I do if my visual editor is still not working after troubleshooting?
If basic troubleshooting doesn’t resolve the issue, check your WordPress URL settings for errors such as colons in the URL. Also, review user profile settings to ensure the visual editor is enabled. Finally, consider restoring your site from a backup created before the problem began or reach out to WordPress support and maintenance services for expert help.
How can I prevent issues with the visual editor in the future?
Regularly update your WordPress version, themes, and plugins to maintain compatibility and security. Create regular backups to safeguard your content and settings. Avoid installing outdated plugins or themes, and perform routine checks for conflicts, similar to the steps you would take when the WordPress Customizer is not working or loading properly. Clear your browser cache periodically and monitor for any browser extension interference, especially from ad blockers or security tools.
WordPress Visual Editor Not Working – Conclusion
Encountering a blank or non-functional WordPress visual editor can be frustrating, but most issues happen due to common causes such as browser cache problems, incompatible plugins, or corrupted core files, just like when WordPress screen options stop working correctly in the dashboard. By following the troubleshooting steps outlined above—clearing your browser cache, disabling conflicting plugins, replacing the TinyMCE folder, and modifying the wp-config file—you can often resolve the problem quickly and restore full editing functionality, and similar systematic checks help when you can’t log in to the WordPress admin area at all.
Remember, upgrading WordPress sites regularly and keeping plugins and themes up to date helps prevent the same problem from recurring. If you continue having trouble despite these efforts, consider checking your WordPress URL settings for errors like colons, reviewing user profile settings to ensure the visual editor is enabled, or seeking expert support from WordPress maintenance services.
Taking these steps will help you regain control of your site’s content editing and avoid losing valuable time searching for an answer, much like resolving a WordPress not sending emails issue with proper SMTP configuration. With proper maintenance and timely troubleshooting, you can keep your WordPress visual editor running smoothly and focus on creating great content for your audience using tools like the WordPress Block (Gutenberg) editor.