Recently one of our users reported a very odd issue with their install. When writing a post, they could not see anything they were writing. Because the text of the post editor was white. More importantly, all of the visual editor buttons were missing, and the ability to switch from Visual to HTML was not working. In this article, we will show you how to fix the white text and missing buttons issue in WordPress visual editor.
Note for Beginners: If you are looking for hidden buttons that you might see in screenshots of other sites, then you are probably looking for the Kitchen sink. You would have to click on the Kitchen sink icon to see these other options such as Underline, copy from word etc.
Some sites also use TinyMCE Advanced plugin to add various other buttons that are not there by default.
For the rest of you who are actually really having a problem with missing buttons or white text in visual editor, then continue on with this tutorial.
Clear the Browser Cache
Upon our search, we found users suggesting that clearing the browser cache worked for them. The first thing you should try to do is clear the browser cache or use another browser. This could very well be an issue with your computer.
If this does not fix your issue, maybe the issue is with your install?
Replacing TinyMCE Scripts
Maybe this issue happened after you updated? Well, its not likely, but maybe something went wrong in the update process. Try replacing /wp-includes/js/tinymce/ folder with a fresh copy.
Fix with wp-config
If none of the above tricks worked for you, then open your wp-config.php file and add the following line at the very top after the php opening tag.
define('CONCATENATE_SCRIPTS', false);
This trick fixed the issue for our user who reported this issue. We hope that one of the solutions listed in this article will fix your white text and missing buttons in WordPress visual editor problem. If you found another fix that worked for you, then please share it in the comments.
Adding the line still didn’t work for me:(
define(‘CONCATENATE_SCRIPTS’, false);
worked for me.
Thank you!
Hello, I published a post and I viewed it I was surprised to see that the content is not complete. But in my dashboard it’s complete
Nothing works …
I need post some new contents but my visual and text editor is not working
I tried clear my cache, install and replace Tinymce Advanced and insert these line code in my wp-config: define(‘CONCATENATE_SCRIPTS’, false);
I do not know what I can do
Can someone help me?
Thanks a lot.
It got fixed just by clicking on toggle key. I didn’t know this.
Toggle key where? Thanks!
Another win for the third method here. Thanks!
Hello,
I am newbie in bloging
I am have facing same problem and I have added Code in wp-config file but still getting same problem anyone Plz help me for solve it.
Thanks in advance
Yes I fixed my problem. by clicking on toggle key
define(‘CONCATENATE_SCRIPTS’, false);
Magic — thank you!
thank you
define(‘CONCATENATE_SCRIPTS’, false);
worked for me
For me, turning off js optimization in autooptimize plugin was the solution
Aadding the code to wp-config worked really fast for me!
Hello! Did it work ok? I have this problems and also a lot of plugins not working….
This worked for me but not my add tablepress icon is missing and my add giphy icon is missing and something else. So strange. I’ll keep reading and try to find a fix. They all were working. I have even noticed other icons on plugins are missing too now. This did fix my main problem though. Thanks
Thank you, “define(‘CONCATENATE_SCRIPTS’, false);” worked for us!
I updated my WordPress to version 4.8.2, since then my my text button changed from the normal one to buttons like; img, ins, b-quote, code, more, close Tag.
Please I need solutions to this problem because I have used the strategy listed above, but did not work out
for me, it is all because of cloudflare wouldnt cache the tinymce, add a page rule in cloudflare and it solved the problem…
How do I even get to wp-config.php file to fix it???
Hello,
You can access the wp-config.php file using File Manager in your hosting account’s cPanel dashboard. You can also access it using an FTP client.
For any reasons check the visual editor in the users admin page, find your user and DISABLE the optiom “Disable the visual editting when writing” let it empty!
Do the contrary:
You are great bro !! … really saved my life
define(‘CONCATENATE_SCRIPTS’, false);
–> did it for me. Thanks!
thank very very much.
define(‘CONCATENATE_SCRIPTS’, false);
not working for me
When i am trying to update any post it is showing this error
This page isn’t working
example.com didn’t send any data.
ERR_EMPTY_RESPONSE
Please help me i am waiting for your response.
Hi I Need Some Urgent Help Regarding My WordPress Post Editing . When I published Post and after that i come again in editor. the post heading and photo not show in post editor menu but photo and heading show in published post .Please Tell Me How I Can Solve This Problem.I want To Edit Photo But I can’t Remove Because In Post Editor Photo Not Show. Photo & Heading Show Only Published Post.
Nothing worked since I upgraded to the latest WordPress! Visual Editor Button shows but not responding when clicked.
Disabling all plugins, Not change;
Including the define ( ‘CONCATENATE_SCrIPTS’, false ); No change
Change themes to WordPress default, nothing
I am tired.
Hey Kevlin,
Try disabling browser extensions. You can also use inspect tool to see if there are some errors or warnings displayed in browser console.
Hi
I used the plain HTML option in GetResponse to create a simple form containing email field and signup command button. GetResponse preview form is good. Next I pasted the code in my WordPress.org V4.8 text editor. Noticed there is are a 4-5 lines gap between the fields and the command button in the visual editor. Tried deleting the spaces in WordPress page using the visual editor but somehow the HTML code got deleted too. Would appreciate if anyone could inform me how to delete the spaces between the email field and form command button
Thank you – it worked for me!
define(‘CONCATENATE_SCRIPTS’, false);
fixed by removing a .htaccess file I’d put into wp-includes following a wpbeginner recommendation = #4 in https://www.wpbeginner.com/wp-tutorials/9-most-useful-htaccess-tricks-for-wordpress/
Hey
I am not able to access the HTML Text Editor. I can see the button but if I press it, nothing happens. The Visual Editor is visible but is completely blank and in some pages has just some random text in it.
I tried all of the solutions listed here but nothing has helped. If anybody could help me? Please?
Worked like a charm – thank you so much!
Should I expect any side effects though?
SOLVED! This solution worked for me.
Adding… define(‘CONCATENATE_SCRIPTS’, false); to your wp-config.php file just below the…. define(‘DB_HOST’ line.
You have to do so by accessing your FTP (or a file manager in your hosting account’s control panel). You can edit the file with a plain text editor or TextWrangler!
All the best,
-M@tt
Can’t thank you enough. Adding config line brought it all back.
Had NO IDEA how to fix it.
Solved the issue by adding the code line!!
I have tried everything listed up there and I am still getting tinymce error on console and editor not working.
Can anyone help??
define(‘CONCATENATE_SCRIPTS’, false);
Saved my day
I’m facing similar issue. After the latest update (Version 58.0.3029.81 (64-bit), it appears that WordPress image edit button is missing when editing a post in chrome. I know that it’s NOT a WP issue because it works fine in Firefox. See attached screenshot. Does anyone know how to fix it?
I did #2 and #3…I don’t know which one worked, but one of them did indeed fix it!! Thanks.
Thanks for this post!
The last trick with the wp-config file fixed this issue for me.
Thanks so much – I put
1 <?php
2 define(‘CONCATENATE_SCRIPTS’, false);
It worked PERFECT!
Thank you so much,it’s back after update the editor.
Having a weird version of this issue. If I log in to my wordpress editor (on godaddy server) from my office machine I have no problem with Visual Editor. However, logging in from home PC the Editor does not appear. Same logon details, same acct, just different machines (both using same version of Chrome). Would love to solve this.
I have a very challenging version of this problem. If I log in to my wordpress site (hosted by godaddy) from my office I have no problem with Visual Editor. However, when I log in from home, using exact same acct, same username/PW, Visual Editor exhibits the problems spoken to here: no text, no editor toolbars and no ability to switch from Visual to Text. I haven’t a clue. Any advice on this would be very appreciated.
I have the same issue as you, Jack. Please can you tell me how you solved this?
Thank you for such a helpful and wonderful blog!
This might sound like a silly question but where is the “wp-config.php” located? I expected to find that file under “Appearances”–>”Editor” where other .php files are but I cannot find this one. Am I missing something? Thank you for your help!
Hi Sami,
It is located in your site’s root folder. You can access it using an FTP client or file manager in your web hosting cPanel.
What kind of social sharing buttons are you guys using for your site?
Those are exactly what I am looking for!!
Thanks
Hi Steven,
It is custom code we wrote to use on our own site.
Hello there, I faced with the same problem with my two installation. I switched different themes but it didn’t work… Lastly I found AdBlock blocking something and checked it, let AdBlock ignore my sites and it worked fine.
If you use AdBlock, check it first before you implement something or making any change. I highly suggest this.
I had this problem and define(‘CONCATENATE_SCRIPTS’, false); fixed it!!
What does this script?
define(‘CONCATENATE_SCRIPTS’, false); helped.
thanks guys!
Hello Guys ,
i am facing problem when i click on page edit option then “Use Fusion Builder “Button is not working and i am unable to edit my page
Any Solution of this problem ???
Thanks in Advance
This question does not pertain to this particular thread, you might try searching fusion builder and unable to edit page. This is a different problem. Are others still experiencing?
Hi,
Thank you for the help. To all those that had no luck like myself I found that if you use cloudflare your servers firewall may block some of their IP’s deniying you access. If you go to development mode and inspect the element and get a 522 error then go to cloudflare, copy their IP ranges and whitelist them on your server. This worked for me!
Thanks !!!!!!!
Just wanted to say thank you; I added the code you suggested to the WP-Config file and it solved my problem – after a lot of searching, thanks so much!!!
I replaced TinyMCE and it didn’t help. Then finally I edited wp-config.php and added
define(‘CONCATENATE_SCRIPTS’, false);
as suggested and it did the trick! It works fine just as before! Thanks a lot for the tip!