Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressビジュアルエディターの白いテキストと消えたボタンの修正方法

最近、あるユーザーから、インストーラで非常に奇妙な問題が発生したという報告がありました。投稿を書くときに、書いていることが何も見えないというのです。投稿エディターのテキストが白かったからです。さらに重要なことに、ビジュアルエディターボタンがすべてなくなっており、ビジュアルからHTMLに切り替える機能が動作していませんでした。この投稿では、WordPressのビジュアルエディターでテキストが白く、ボタンが見つからない問題を解決する方法を紹介します。

初心者の方への注意他のサイトのスクリーンショットで見かけるような非表示のボタンを探しているのであれば、おそらくキッチンシンクを探しているのだろう。キッチンシンクのアイコンをクリックすると、下線やワードからのコピーなどのオプションが表示されます。

Kitchen Sink

サイトによっては、TinyMCE Advancedプラグインを使用して、初期設定にはない様々なボタンを追加しているところもあります。

ビジュアルエディターでボタンがなかったり、テキストが白かったりして困っている人は、このチュートリアルを続けてください。

ブラウザーキャッシュをクリアする

検索したところ、ブラウザーキャッシュをクリアすることで解決したというユーザーを見つけました。まず最初にすべきことは、ブラウザのキャッシュをクリアするか、別のブラウザーを使ってみることです。お使いのコンピューターに問題がある可能性があります。

それでも問題が解決しない場合は、インストーラに問題があるのかもしれません。

TinyMCEスクリプトの置き換え

この問題は更新後に発生したのでしょうか?可能性は低いですが、更新プロセスで何か問題が発生したのかもしれません。wp-includes/js/tinymce/フォルダーを新しいものに置き換えてみてください。

wp-configで修正する

上記のいずれの方法でもうまくいかない場合は、wp-config.phpファイルを開き、phpの開始タグの後の一番上に以下の行を追加してください。

[cbk1]

このトリックにより、この問題を報告したユーザーの問題が解決しました。この投稿に掲載されている解決策の1つで、WordPressビジュアルエディターで白いテキストと消えたボタンの問題が解決することを願っています。もし他の解決策を見つけた場合は、コメントで共有してください。

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

247件のコメント返信を残す

  1. Marco

    Hello, I solved so:

    1) Go to the direcetory “/public_html/wp-includes/js” in your site

    2) DELETE the folder “tinymce”

    3) Enter Wordpress dashbord and in top left corner UPDATE and REINSTALL the current version

    I hope this can help you, Marco

    • Gugu

      Marco, thank you soooo much for this! Yours is the only hack that worked after I had tried almost all the suggested solutions floating around on various help pages. I’d even inspected my code and what not, with no luck but deleting the tinymce folder and re-instaling Wordpress DID IT!

      Thanks again!

  2. Shivam

    Spent 1.30 hour with the customer support agent, before he gave up and suggested me for a ticket. Then I came across your site. Making changes to wp-config worked. Thanks a lot mate.

  3. Anil Jadhav

    Thanks you – define(‘CONCATENATE_SCRIPTS’, false); Works for me as well.

    Thanks a lot.

  4. aziz tnani

    that define(‘CONCATENATE_SCRIPTS’, false); did the trick
    thanks for that

  5. amr

    Thanks
    the wp-config define(‘CONCATENATE_SCRIPTS’, false); fixed it

  6. Cédric Converset

    Worked for me modifying the wp-config.php file. Thanks.

  7. zaji

    Thanks. This worked for me.

  8. vqoley

    Thanks sir. you save my life

  9. Paul Livett

    Every method tried nothing worked.. until I found the “.htaccess” file in my main website folder
    not in the wp-includes folder and I deleted it. Not sure how it got there and it had been there a year but boom!, finally it worked.

  10. Magda

    NOTHING worked for me, so I decided to edit the editor css, which was stupid but I was desperate (and tired). When I was checking the path to css folder I realized it was in the theme of mine (custooooom). HOW SO? It appeared that it was coded in sass file of base theme I usually work with.
    So, check as well if something isn’t wrong with your theme. For not experienced: right-click on the editor and “inspect element”. If css shows that the font color for the editor is #fff, hover cusor over css path and you will see the whole path to where it’s stated (chrome). Check if it’s not the theme issue.
    good luck and thanks WP beginner you usually help me the most :)

  11. cdobson

    The added to my wp-config.php file did the trick for me as well! Thanks for the help! Much appreciated.

  12. lone survivor

    Thank you very much. You have saved my day!

  13. Carl Glancey

    I’ve tried every suggestion on here but still only on my front page does the text appear white. Every other page and post is fine. So frustrating!

  14. Prakash Vorkady

    Fix with wp-config worked for me, thanks for the article!!

  15. Charlie Tobler

    Sweet! Was having the exact issue mentioned in this article. I tried the first two solutions without success, but the wp-config edit did the trick! I am using Newspaper theme, and for some reason it seems to be causing it, but good to know there is a fix.

    Thanks for the help!

    Charlie

  16. grace

    Fix with wp-config worked for me, thanks for the article!!

  17. Andrew Macia

    What a freaking nightmare, thank god I found this post. I was finally able to fix this by updating the wp-config file. Thank you!

  18. Terence

    Thanks for the post! This was driving me mad, but finally fixed it with the wp-config.php edit :D

  19. John

    Thanks for the help. I just edited the wp-config.php with it. My problem wasn’t the same my whole editor was missing but did the trick none the less. Cheers.

  20. Deepak

    HI,

    All of the solutions listed above, did not work for me. When I add this code, the Add New page in Admin does not load either define(‘CONCATENATE_SCRIPTS’, false ); What should i do

  21. Princess Kaurvaki

    Thank you for sharing this solution. Unfortuntely, all the above methods didn’t work for me. I’ve tried disable one by one plugin and finally find the problem from one installed plugin

  22. Dinnae Galloway

    My issue is that it is only doing it for editor accounts, but my admin account is just fine. UGH. Will try the wpconfig suggestion, but if it’s working for admin, I hesitate to make changes…. Will update when I find a solution. Thanks wpbeginner, you guys rock. :)

  23. Pop

    I’d tried it on 3 different browsers, but all my buttons had gone and all text was white.

    define(‘CONCATENATE_SCRIPTS’, false); worked for me.

    Thanks a million.

    • finn schjøtt

      Well, that worked for mee too.

      However it only fixed TextMode.
      I’m still served with white text on white background in visual mode, – and absolutely no buttons.
      Everything worked just fine yesterday, – only change is upgrade WP from 4.3 to 4.4.

      I have updated the whole tinymce-folder – no change.
      I have installed tinymce-advanced plugin – went smoothly, but no change.

      I’m in really trouble, as I need the visual editing

  24. rudi

    thanks bro! now its show up and i can start freakin post’in :D

  25. Paul

    While setting up a website encountered this problem of the Visual Editor / WYSIWYG / TinyMCE not showing text (white text), not showing the editor buttons and text mode disabled…

    In my case, the constant define(‘CONCATENATE_SCRIPTS’, false) in the wp-config circumvented the problem but the culprit was in fact an .htaccess in wp-includes directory. I had put it there myself to prevent code execution but some security/firewall plugin might also create it…
    After its removal the constant define is no longer needed nor recommended, it isn’t a long term solution and should only be used for debugging.

    • Daniel

      Gosh Paul, you saved my life. I had accidently uploaded my htaccess to wp-includes a week ago and was facepalming ever since, trying to get my bizerk website to work.

      Thanks for mentioning that. I deleted it and now everything is back to normal.

    • ese

      indeed!!! thanks so much…. now the question is, how on earth did that htaccess get to that folder??

    • Mauricio

      Yup, nothing worked until I removed the “.htaccess” file from the “wp-includes” folder. Yes that worked, now hoping I didn’t break anything else doing that!

      • Jamie

        Mauricio-
        Thank you a thousand times. I knew when I started I was having an .htaccess problem but its been a minute since I’ve had any issues, that I forgot the reasons behind it. I removed the “.htaccess” file from the “wp-includes” folder. I didn’t break anything else in the process and the problem was solved. Super fast, super simple. Thank you.

    • Peter

      That worked for me. If I had any hair I would have been tearing it out, but it was the htaccess issue. Bug? Hack?

    • Mandeep Sidhu

      Removing “.htaccess” from “wp-includes” woked for me. I did nothing else. Thanks Paul.

  26. Don Niam

    I tried adding the code and it did not work. I added tiny mice plugin but no help there. I re-installed wordpress and no help. Uploaded a new tiny mice folder and no help.
    If any new fixes have been found please let me know.
    My problem still exists

  27. Alex Wivell

    I can’t thank you enough for the define(‘CONCATENATE_SCRIPTS’, false ); solution.

    I had been having issues with Visual-Composer on a site for a while. I had found a get around of turning off a couple of translator plugins but they were paid translator plugin so couldn’t ditch it.

    I then updated WPJob Board plugin and all CV’s from the site disappeared. I tried the code you suggested not expecting it to work for the CV’s but it did. So grateful.

  28. Tejinder

    Thanks a lot

    define(‘CONCATENATE_SCRIPTS’, false);

    this thing had fixed my problem, please let me know, what is the purpose of the code, what does it do actually….

  29. Sally Minker

    I tried everything, including disabling all the plugins and replacing the TinyMCE folder, but nothing worked until I added

    define(‘CONCATENATE_SCRIPTS’, false);

    What will happen when WordPress gets updated? Does the wp-config.php file get updated when WordPress updates? If so, won’t this fix get wiped out?

  30. Bogdan

    Thanks a million, adding the “define(‘CONCATENATE_SCRIPTS’, false);” worked and the problem is fixed.
    Much appreciated for your help and support

  31. Bart

    Thanks a lot! The defne concatenate scripts tip was the first thing I tried and it worked right away. Now I can go on and make the changes I want tot my site again :-)

    Again, many thanks!!

    Bart

  32. Aatu Komsi

    I had the same problem, but none of the solutions mentioned worked for me.

    Then by disabling all the plugins one by one I found out the problem was with the Visual Editor Custom Buttons plugin , or, to be exact, me transferring a copy of database to another site through Wordpress Importer’s XML file.

    The process duplicated all the custom buttons I’ve made but kept their original headings. Apparently having several identical button data caused a conflict to the plugin.

    After I deleted extra copies of button settings the visual editor rows returned back right away.

  33. noha

    really that’s right, wooooooow worked finally i can see and edit text

  34. Gg

    Well I am having this same problem and when I tried to change the behave of tinymce I got a message of something to be marked as removed already removed as a error message in my WP and suddenly chage the screen. After try everything imaginalbe, even the ‘Concatenate…’ I could not fix it! So I read about other options and someone that got fixed by it on the WP forums so I tryed to install CKEditor for WP (plugin) and I got a new editor.. well now is CKEditor but I have again a editor. I could figure out what is the problem and why some mesage when trying to disable the tinymce bubling,,, well thanks.

  35. Jennifer Camp

    Awesome fixed all of my admin area accordion type selections and fixed the problem I had with Visual Composer not working. Bookmarking your page! Thanks a bunch.

  36. Gautam Singh

    I used that code in wp-config.php .it’s working perfectly.

    Use this line to on the top of page:-

    define(‘CONCATENATE_SCRIPTS’, false);

  37. Dimitriy

    Thanks very much! Very helpful. The thing with wp-config.php file worked fine.

    • Mr. Spookee

      Yes, that worked for me too! Thank you guys, you’re awesome!

  38. Deana

    the last time I posted a blog I followed the yoast S.E.O and put some outbound links to another web sites that related to this post.
    This time I have written a post and I cannot find anywhere, where the outbound box is to be able to type in my outbound link.
    Can you help me and tell me where I can find it?

  39. Courtney

    So, can anyone tell me HOW to do these things? Where do I access the wp-config.php file? Or else, how do I replace the /wp-includes/js/tinymce/ folder with a fresh copy?

  40. David Mag

    wp-config step worked! Thanks so much, this was a tricky one

  41. j hartig

    Thanks Again! I use the same theme and plugins across several sites, and yet I only have problems with one site. I think some of it is the host, but difficult to confirm this.

    The only thing that worked for me was adding the script in wp-config, though can’t understand why this would be needed since it isn’t for the other sites?

    Thanks Again – this site is a life saver.

  42. Muffy

    The wp-config.php editing worked for me, too! Nice solution! Tks!

  43. Simon

    Changing the wp-config file worked, brilliant, has taken me ages to get this far. Thanks for your help.

  44. Mohammed

    Hi…

    After adding: define(‘CONCATENATE_SCRIPTS’, false);, I get a new error in the tags, which make the tag is bad, like: if i will add (wp) as tag i will get: wundefinedp

  45. johnf

    Fix with wp-config – adding the ‘CONCATENATE_SCRIPTS’ line worked like a charm – i can see text now. THANK YOU!

  46. kaveh

    thank you so much u just saved my life.
    the Note for Beginners had been solved my problem. :D

  47. Hagler

    The tricks above are not able to solve my problem. Uploads, insert media, screen options, help and theme customization not working, instead, it gives me /wp-admin/#screen-options-wrap in the URL.

  48. Adam

    Adding the ‘CONCATENATE_SCRIPTS’ line worked great for me. Just to clarify the issue though, for me all uses with the role ‘Administrator’ were fine, but everything else could not interact with the edit box without getting the white text and unresponsive buttons. Thanks for the help!

  49. Ariane

    After working on the theme, I suddenly had the same pb, I tried the different methods above and from the comments, nothing was working. Finally, I told myself that it must have something to do with one of my new plugins, but I have a lot of plugin and I didn’t wanted to desactivate all of them !

    So I first tried with the recently uploaded ones, and it turns out that the plugin Simple Ads Manager is the guilty one ! (So bad, I really needed this one…) Hope that helps !

    (Sorry for my english, i’m french ;) )

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。