Beginner's Guide for WordPress - Start your WordPress Blog in minutes.
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

How to Fix White Text and Missing Buttons in WordPress Visual Editor

Last updated on by
Follow WPBeginner on YouTube
How to Fix White Text and Missing Buttons in WordPress Visual Editor

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.

Kitchen Sink

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.


Editorial Staff at WPBeginner is a team of WordPress lovers led by Syed Balkhi. Page maintained by Syed Balkhi.

WPBeginner's Video Icon
Our HD-Quality tutorial videos for WordPress Beginners will teach you how to use WordPress to create and manage your own website in about an hour. Get started now »
  • ericB

    wow i cant thank you enough for this! The last option worked for me. After updating to 3.9.1 several of the buttons in the visual editor were missing their icons as well as some custom ones I added myself.

    thank you thank you!

  • Prashant

    wp-config trick worked for me ! but i don’t know how longer it will work ?

  • ben

    last option helped me thanks guys!

  • Klaus

    This might be helpful for others:

    I had the same problem. Odd layout in the backend: The admin bar was not shown properly and all buttons in Visual Editor disappeared. I tried to fix the problem by following the steps provided on the article but it did not help.

    Then I checked my error log and it says that the .htaccess is not readable when accessing admin-bar.min.js in /wp-includes/js/ and wp-lang-en.js in /wp-includes/js/tinymce/langs/ and other .js files. But that is not the case. The .htaccess works just fine. So it can only be because of some rights issue.

    When uploading my website, the rights were obviously changed. I don’t know why. All the folders need to have chmod 755 but they only had chmod 750. After having changed the chmod back to 755 for all folders in wp-includes everything works fine again.

  • Anita

    I had the same issue after changing the URL in the WordPress Address field and the Site Address field. Don’t know the reason, but there were 3 dashes instead of 2 after “http:”, like “http:///www. ….”. Removing one of them to reflect the correct URL solved the problem.

  • Ralph

    With the WP 3.9 update the issue occured by me.
    I don’t know why but in the following CSS file the color is set to white
    wp-includes/css/editor.min.css?ver=3.9

    The CSS rule is this:
    .js .tmce-active .wp-editor-area {
    color: #FFFFFF;
    }

    You could change it in this file but better to overwrite it in functions.php in your child theme directory with your own function like this:

    add_action(‘admin_head’, ‘my_wp_editor_area’);

    function my_wp_editor_area() {
    echo ‘
    .js .tmce-active .wp-editor-area { color: #333 !important}
    ‘;
    }

    Hope this helps someone too!

    • Ralph

      The comment editor here stripped out the CSS style tags. Wrap the echoed CSS in style tags.

  • Renjith

    Thanks…….. :)

  • Ramesh Chowdarapally

    Thank you, it’s working fine.

  • Riaan

    Nothing discussed here worked… until I tried this.

    “Disable Visual Editing” in your Profile & then
    “Enable Visual Editing”

    Your visual editor / kitchen sink etc will be back.

    BONUS
    If you installed TinyMCE Advanced & moved items around,
    deactivate it & you sould be good to go.

    Thanks to everyone for trying to help.
    You ROCK!

    • chusgo

      No!!! I can’t believe how much time you saved me friend!! I disabled visual editing and enabled it again and it works!!! thanks a lott!!!!

  • Alex

    I had the problem directly after fresh installation, meaning no plugins installed.
    define(‘CONCATENATE_SCRIPTS’, false); also worked for me.

    Does anybody know the rationale for this fix?

    It seems an old problem, which is reported in several blogs. In my case it was a right out of the box problem and I wonder why wordpress has not corrected this “bug” yet…

    • marko

      I installed WP for the first time.
      define(‘CONCATENATE_SCRIPTS’, false); did not worked, clearing cashe, changing internet provider, or PC also did not helped.

      i am not sure if I placed it on right place in my wp-config,php file. I put it under
      // ** MySQL settings – You can get this info from your web host ** //

      is it OK?

      • Marko

        I did Try replacing /wp-includes/js/tinymce/ folder with a fresh copy but I did not deleted old files before. Now i deleted them and re installed and it is working.

      • http://www.wpbeginner.com/ WPBeginner Support

        Yes.

    • fyrye

      The issue is caused by combining all of the individual scripts into one large file.
      While the practice improves the time to load the website, it does have potential issues.

      What happens is certain variables and function calls need to be terminated with either a new line, parentheses, or end with a semi-colon.

      So the intended code may start off as
      script-1.js: var a = 1
      script-2.js: var b = 2

      when concatenated could become
      concatenated.js: var a = 1var b= 2

      When executed can causes an error and stop executing other javascripts.
      Best case scenario is that a variable name is overridden and the code continues processing

      To resolve the issue above var a = 1 should end with a ; so it becomes var a = 1;var b = 2;
      Which will ensure proper execution of the JavaScript.

      These are just very basic examples of what could take place with concatenation.
      There are other issues such as character limits on the same line in some browsers being exceeded, effectively truncating the desired output.
      Other issues are the mixing of different line endings and character encodings are also a factor.
      EG: UTF-8 with ISO-8859-1, and \r (Mac) \r\n (Windows) \n (Linux)

      In short it’s better off to manually concatenate to ensure these issues do not occur, as opposed to trust a random stranger’s programming practices being mixed in with other’s code.

  • pixelandmore

    Placing

    define(‘CONCATENATE_SCRIPTS’, false);

    in the php worked for me! Thank you!!

  • Alex

    Uploaded a fresh TinyMCE-folder works for me, but only for one day. How can this happen???

    Plugins are disabled, adding the line above in wp-config.php didn’t change anything. “Google libraries” was installed and activated, but didn’t solve the problem either (-> so now it’s deactivated again). Up to date, I’m uploading the TinyMCE-Folder each day, and every morning the WordPress editor’s white again and the buttons are invisible again, too…

    • fyrye

      A lot of other factors come into play when hosting a web application not just running WordPress.
      Cron jobs may be running on the website host or within wordpress that could be replacing the files. Cross site scripts could do the same, even higher risk on shared hosting, even higher if your website directory and files have chmod 777 permissions.
      Files should have 640 or 660, Directories 750 or 770 depending on your host’s setup.

      Keep track of the time you replaced the file, and then look at the last modified date when you notice the issue occur again.
      Check your server log files around that time to see who accessed what to help resolve the issue or contacting your hosting provider to see if they can’t pin point the issue.
      EG: check /path/to/httpd/logs/domain.com/access.log
      to see if anyone accessed something malicious at that time.

  • T Winn

    Placing

    define(‘CONCATENATE_SCRIPTS’, false);

    in the php worked for me! Thank you!!

  • linux7802

    yes, its fixed my issue…..define(‘CONCATENATE_SCRIPTS’, false); done the trick :)

  • Michael

    Thanks so much.
    Adding the code in wp-config.php solved the problem!

  • Alyson

    I am having this issue with a site I just took over the management for a local charity. Trying the 2012 theme, disabling plugins, using use google libraries, doing a fresh install within wordpress and clearing cache do not work. I do not have FTP access and getting it is proving difficult as it is a small local branch of a national charity so I am not able to access the files to edit. – IS there any way for me to solve this issue?

    • http://www.wpbeginner.com/ WPBeginner Support

      Did you try installing TinyMCE Advanced plugin?

  • Darren

    I have this problem too, but only on one page, all other pages/posts are fine and the editor works as it should.

    The page views fine, but when I come to edit it, I get what looks like a blank page (if you Crtl A, you can see the code in the page), no tool bar, unable to select/press the Text editor, Revisions also aren’t shown.

    I’ve tried Clearing the cache, I’ve added lines:
    “define(‘CONCATENATE_SCRIPTS’, false);”
    and
    define(‘WP_MEMORY_LIMIT’, ’256M’);
    to the wp_config file.

    I’ve also tried the “Use Google Libraries” plugin but still nothing

    I’m about to try the TinyMCE trick, but I don’t hold out much hope to that, as it is only effecting this one page.

    I’m at a loss, apart from deleting the page and starting over, I’ve not sure what else to try.

    • Tadd Maudlin

      I have the same problem. I did the TinyMCE upgrade, and now the page won’t even show anything when I try to edit. At least before, I could see the text in the editor when I highlighted it, now the entire page is white and there’s nothing there! I can’t even revert back to an older version now. Not sure what to do next..

  • Bart

    Thank you very much, the “Fix with wp-config” fixed the visual/text disappearance problem for me. Many thanks!

  • Waqas Lakhani

    I have tried, all the steps, but still facing the same issue, :( Visual Text Editor is not working.

    Can anyone help please , its almost 3 days…..

  • Ikram

    well my text button appering well but the problem is when i click on visual button nothing happens, it seems the wp 3.6 have some serious issues regarding this. If any body of u have an solution to work visual editor back plz share

  • So Happy

    Thank you so much for posting this fix: define(‘CONCATENATE_SCRIPTS’, false);
    It worked like a charm!!!

  • Clint Pietersen

    Trying to fix my Visual/HTML Editor when it disappeared just about drove me crazy.
    I tried every possible trick or hack without success. I even re-installed WordPress – still no success. Gratefully I hadn’t launched the site yet even though it was live.
    Then I stumbled across an article that mentioned that it could be the antivirus. So I did a quick check on my iPad (no antivirus) – Visual Editor present. Checked MacBook Pro (which had the antivirus) no Visual Editor. Switched the antivirus off on MacBook Pro and Visual Editor appears. Dang antivirus.
    Hopefully this spares someone some agony.

  • nancy ziller

    I have spent weeks trying to fix this, including having my server host look through my WordPress files.
    Embarrassingly enough, I can’t even FIND where my text or Kitchen sink are, can someone tell me in simple terms where I can find it? I started at my dashboard and I can’t
    “see” it. Can someone help me out please?
    thank you!

    • Nancy ZIller

      I solved it!!! Install the plug-in “Use Google Libraries.” Now my type is visible and I can see type editor, only took two weeks of searching too!! Now on the to next flub, I can’t upload images, I keep getting an error that says “error, try again later.” Anyway, for all of you who’s type has become white and invisible, try adding the plug-in, worked great for me:)

      • Ryan N

        This solved my problem! Thank you, Nancy!

      • Barry

        Wow… don’t know why but Nancy’s trick worked perfectly. Thank you.

      • Heleen

        Thank you! It happened to me just now and it worked like a charm

  • Dimitar Trepechov

    I have the same problem with my block. White text and the user interface was not loaded completely. It was interesting that this happen only to the redactors and the administrators did experience this problem.

    I’ve tried to clear the cache, replace the tinymce js folder, added this line in the wp-config file but nothing helps.

    I have several plugins so reading the comments decided to increase the php memory limit. In my case 64Mb was just not enough. Just like Micky Neuhaus said

  • Marky Da Muller

    Ah! Thank you, thank you, thank you. I added the define CONCATENATE_SCRIPTS thingy like you described and it worked. I’m all happy now.
    / Marky /

  • rizly

    Thank you man!! I was confused with it. And now I found it..

    thanks.
    Rizly

  • Micky Neuhaus

    if you are running a couple of plugIns like : NextGen Gallery and ContactForm 7 etc. the virtual server needs 64 Mb Php memory to run all these plugs AND tinymce ( the visual Editor) together – if there is less memory tinymce would not load because of a lack of available memory , for it is the last to demand a bit of that memory to load.

    look out for this or similar in WP debug-mode : “Fatal error: Allowed memory size of 50331648bytes (=48Mb) exhausted (tried to allocate 491520 bytes) in /htdocs/site/wp-includes/js/tinymce/langs/wp-langs.php on line 404″

    or simply look up the php memory size in the NextGEN Gallery plug In “general” page if you run it.

  • P. James Holland

    ummmm YEAH…… soooooo

    After searching around on this problem all day – messing with code, deleting plugins, changing themes… the whole 9. Turns out when you install new wordpress the KITCHEN SINK button is collapsed by default.,

    Just click the dang button.

    Maybe you want to add that to the post because as I was searching through various blogs and forums, and reading all the other people with the same problem, I would be at least half of them can be fixed this way.

    Hope this helps someone.

    • http://www.wpbeginner.com Editorial Staff

      Thanks a lot for bringing that up. We just made a note of that in the article, so others can benefit from it :)

      • P. James Holland

        =) Glad to help. When I figured this out I was happy that I got it…. but angry with myself for it being something so stupid! lol

        It’s the whole “guided misdirection” theory. The one that makes magicians look so good.

        Let me explain…

        Because the problem (the buttons missing) happens right after you install the update, and wordpress warns you that some plugins may not be compatible with the update and cause problems, the first thing you do is assume the new install caused a problem, because that’s what you were guided to pay attention to.

        Man I think I cause more damage than good messing with everything trying to “fix” my wordpress malfunction.

        Guaranteed this is the case for at least half the people with this “error”. I would put money on it. Glad you put that FIRST for people to check so no-nothing non techies like me don’t go breaking their website for nothing lol

        CURSE YOU WORDPRESS!!! :p

  • Elizabeth

    I am having this exact problem. Number 1 and Number 3 did not work, as I tried them. I also tried the plugin deactivate/ activate tip. I do not know what number 2 entails. Where do I find a “fresh copy.” This is helpful as it addresses my exact issue, but the tips are not clear/ idiot proof enough for someone like me I suppose. Please help.

  • Al Olby

    Thanks so much for this, the wp-config fix worked for me.

  • Lina

    Thank you so much for this – the second suggestion worked for me!

  • Gregg Luhring

    We ran into some database problems on our server several months ago. Looking up “white text” at the WordPress support forums was not much help, as everyone had their own solution that seemed to work for them individually, but you never saw a bunch of comments in a row agreeing to any one solution.

    What turned out to be the problem for us was in the General Settings. There was a colon after the URL in the WordPress Address field and the Site Address field.

    We removed the colons and the text was black again. I estimate this was a problem on 10 to 15 of the WordPress sites hosted on our server.

    This was probably another singular solution to a problem that runs much deeper in WordPress itself. But, you never know. Check for colons in your settings…

    Gregg

    • http://www.wpbeginner.com Editorial Staff

      Thanks for sharing that Gregg :)

    • Jo Waltham

      You star Gregg Lukring – the colon was indeed in the general settings. Thanks so much :)

  • Nik Cree

    Sometimes it is an issue with a plugin behaving badly. So I disable all plugins then re-activate them one by one until the culprit is found. Often it can be the plugin did not install properly and will fix itself when reactivated. If this doesn’t work I then delete the plugin, remove the tables in the database for that plugin, then install a fresh copy.

  • Rob wilson

    Found the “using google libraries” plugin often works in this case too.

  • http://www.facebook.com/profile.php?id=1513231736 Rambo Ruiz

    Finally the answer to my sometimes-frustration!! :) thanks!

  • Ajay

    I found that hitting Ctrl + Shift + R to refresh the page by clearing the cache usually worked for me.

    • http://www.wpbeginner.com Editorial Staff

      Thanks for letting us know :) In our case, we tried it and it didn’t work.

      • Raja Tahir Qaiser

        Me also find it but not work here too !

  • Raja Tahir Qaiser

    Hey WP Beginner,
    Can I know how to write the HTML in the post as you have write “define(‘CONCATENATE_SCRIPTS’, false);”
    providing a copy and view source option when put arrow on the right side ?

    Thanks