WordPressビジュアルエディターで白いテキストとボタンが表示されない問題を修正する方法

最近、ユーザーの1人から、インストールに関する非常に奇妙な問題が報告されました。投稿を書いているとき、書いている内容が見えませんでした。投稿エディタのテキストが白かったためです。さらに重要なことに、ビジュアルエディタのすべてのボタンが欠落しており、ビジュアルからHTMLに切り替える機能が機能していませんでした。この記事では、WordPressのビジュアルエディタで白いテキストと欠落したボタンの問題を修正する方法を説明します。

初心者向け注記:他のサイトのスクリーンショットで見かける可能性のある隠しボタンを探している場合、おそらく「シンク」を探しています。シンクアイコンをクリックすると、下線、Wordからのコピーなどの他のオプションが表示されます。

キッチンシンク

一部のサイトでは、デフォルトでは存在しない様々なボタンを追加するために、TinyMCE Advanced プラグインを使用しています。

ボタンが見つからない、またはビジュアルエディターで白いテキストが表示されるという問題が発生している残りの方々は、このチュートリアルを続けてください。

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

調査の結果、ブラウザのキャッシュをクリアすると問題が解決したというユーザーの提案が見つかりました。まず試すべきことは、ブラウザのキャッシュをクリアするか、別のブラウザを使用することです。これはコンピューターの問題である可能性があります。

これで問題が解決しない場合は、インストールに問題がある可能性がありますか?

TinyMCEスクリプトの置換

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

wp-configで修正

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

define('CONCATENATE_SCRIPTS', false);

このトリックは、この問題を報告したユーザーの問題を解決しました。この記事に記載されている解決策のいずれかが、WordPressのビジュアルエディターの白いテキストとボタンの欠落の問題を解決することを願っています。他に解決策が見つかった場合は、コメントで共有してください。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

247 CommentsLeave a Reply

  1. 白いテキスト/ボタンなしのエディットボックスで苦労しており、すべての解決策を試しました。最後に、プロファイル設定に入りました。「執筆時にビジュアルエディターを無効にする」はチェックされていませんでしたが、チェックを入れたところ、すべてが機能するようになりました(つまり、ビジュアルエディターが表示されます)!

  2. ありがとうございます。2019年でも、WP5以降でクラシックエディターをインストールした状態で機能します。
    define(‘CONCATENATE_SCRIPTS’, false); の設定が必要でした。

  3. サー、私のビジュアルエディターが機能しません!助けてください。テキストコード機能のみが機能し、ビジュアルは機能しません!

    ブラウザキャッシュを削除し、wp-config.phpを「define(‘CONCATENATE_SCRIPTS’, false);」で修正しようとしました。TinyMCE Advancedプラグインも、すべてのプラグインを非アクティブ化し、テーマを変更しましたが、まだ何も機能しません。どのように修正できますか?

  4. 私の場合の解決策:

    クライアントのエディターは正常に機能していました。彼らはウェブサイトをより速くしたいと考えていたので、さまざまなスピード最適化プラグインを試しました。これらのプラグインの 1 つが functions.php ファイルに次の行を追加しました:

    add_filter( ‘tiny_mce_plugins’, ‘disable_emojis_tinymce’ );

    これにより、ビジュアルエディターとテキストエディターが壊れ、バーの一部のボタンがなくなりました。コンテンツを保存しても保存されませんでした。そのため、この行を削除してファイルを保存したところ、エディターのツールバーは正常に機能するようになりました。

    皆さんの役に立つことを願っています。

  5. 上記のすべてを行いましたが、何も機能しませんでした。そして、投稿を確認したときに気づきました。投稿の場合はエディターは正常に機能しています。私の問題はWooCommerceの商品のみです。同じ問題で、ビジュアル/テキストタブからの応答がなく、エディター内のテキストは白く表示されて見えません。

    何か提案はありますか?

    • 残念ながら、エラーがWooCommerceのみに起因する場合は、WooCommerceのサポートに連絡して確認してもらう必要があります。

      管理者

  6. 1 ダッシュボードに移動します
    2 プロフィール写真が表示されている上部の左または右の角にマウスを合わせると、サイト上の名前、マイプロフィール、ログアウトのメニューが開きます。
    3 プロフィールをクリックします
    4 「執筆時にビジュアルエディターを無効にする」のチェックを外します
    5 設定を保存します
    6 うまくいった場合は、コメントでお知らせください

  7. 投稿本文と投稿タイトルの間にあるバーも消えています。ブラウザキャッシュをすべてクリアし、tinymceをインストールしましたが、まだ表示されません。WordPressが更新され、ブロックがクラシックから新しいもの(Gutenbergのもの)に変更されたときに問題が発生し、すべてが混乱しました。どうすればいいかわかりません!

  8. サー、私のビジュアルエディターが機能しません!助けてください。テキストコード機能のみが機能し、ビジュアルは機能しません!

    ブラウザキャッシュを削除し、wp-config.phpを「define(‘CONCATENATE_SCRIPTS’, false);」で修正しようとしました。TinyMCE Advancedプラグインも、すべてのプラグインを非アクティブ化し、テーマを変更しましたが、まだ何も機能しません。どのように修正できますか?

  9. サー、私のビジュアルエディターが機能しません!助けてください。テキストコード機能のみが機能し、ビジュアルは機能しません!

    ブラウザキャッシュを削除し、wp-config.phpを「define(‘CONCATENATE_SCRIPTS’, false);」で修正しようとしました。TinyMCE Advancedプラグインも、すべてのプラグインを非アクティブ化し、テーマを変更しましたが、まだ何も機能しません。どのように修正できますか?

  10. 上記のすべてを試しましたが、うまくいきませんでした。しかし、すべてのプラグインを無効にしてから1つずつ有効にしていったところ、エディターが表示されました。Yoast SEO ver 8.3 が Wordpress 4.9.8 を壊していたことがわかりました。Yoast を無効にすると、エディターとテキストが表示されるようになりました。それが原因でした。お役に立てば幸いです!

  11. この問題が発生しています。記事中のすべての項目を試しましたが、どれも効果がありませんでした。この問題は、SuperAdmin以外のユーザーにのみ発生することに気づきました(つまり、スーパーアドミンとしては問題ありませんが、エディターや投稿者には発生します)。

  12. こんにちは、投稿を公開して表示したところ、コンテンツが不完全であることに驚きました。しかし、ダッシュボードでは完全です。

  13. 何も効きません…

    I need post some new contents but my visual and text editor is not working :(

    キャッシュをクリアし、Tinymce Advancedをインストールして置き換え、wp-configにこれらのコード行を挿入しました: define(‘CONCATENATE_SCRIPTS’, false);

    I do not know what I can do :(

    どなたか手伝っていただけませんか?
    本当にありがとうございます。

  14. こんにちは、
    ブログ初心者です。
    私も同じ問題に直面しており、wp-configファイルにコードを追加しましたが、まだ同じ問題が発生しています。どなたか解決のために助けていただけますか。
    よろしくお願いします。

  15. これは私にはうまくいきましたが、add tablepress iconが消え、add giphy iconも消え、その他も消えました。とても奇妙です。読み続けて修正方法を見つけようと思います。すべて機能していました。他のプラグインのアイコンも現在消えていることに気づきました。しかし、これは私の主な問題を解決しました。ありがとうございます

  16. WordPressをバージョン4.8.2にアップデートしてから、テキストボタンが通常のボタンから、img、ins、b-quote、code、more、close Tagのようなボタンに変わりました。

    上記の戦略を使用しましたが、うまくいかなかったため、この問題の解決策が必要です。

  17. 私の場合は、すべて Cloudflare が TinyMCE をキャッシュしなかったことが原因でした。Cloudflare にページルールを追加したところ、問題が解決しました。

    • Hello,

      wp-config.php ファイルには、ホスティングアカウントの cPanel ダッシュボードにあるファイルマネージャーを使用してアクセスできます。FTP クライアントを使用してアクセスすることもできます。

      管理者

  18. いずれかの理由で、ユーザー管理ページにあるビジュアルエディターを確認し、ユーザーを見つけて、「編集時にビジュアル編集を無効にする」オプションを無効にし、空のままにしてください!

    逆にしてください:

  19. define(‘CONCATENATE_SCRIPTS’, false);

    うまくいきません

    投稿を更新しようとすると、このエラーが表示されます

    このページは機能していません

    example.com はデータを送信しませんでした。
    ERR_EMPTY_RESPONSE

    どうか助けてください。返信をお待ちしています。

  20. こんにちは、WordPressの投稿編集について緊急のヘルプが必要です。投稿を公開した後、エディターに戻ると、投稿のタイトルと写真が投稿エディターのメニューに表示されませんが、公開された投稿には写真とタイトルが表示されます。この問題をどのように解決できるか教えてください。写真を編集したいのですが、投稿エディターに写真が表示されないため削除できません。写真とタイトルは公開された投稿にのみ表示されます。

  21. 最新のWordPressにアップグレードしてから何も機能しません!ビジュアルエディタボタンは表示されますが、クリックしても反応しません。
    すべてのプラグインを無効にしても、変更はありません。

    define( ‘CONCATENATE_SCrIPTS’, false ); を含める 変更なし

    WordPressのデフォルトテーマに変更、何もなし

    私は疲れています。

  22. こんにちは
    GetResponseでプレーンHTMLオプションを使用して、メールフィールドとサインアップコマンドボタンを含むシンプルなフォームを作成しました。GetResponseのプレビューフォームは良好です。次に、そのコードをWordPress.org V4.8のテキストエディタに貼り付けました。ビジュアルエディタでは、フィールドとコマンドボタンの間に4〜5行のギャップがあることに気づきました。WordPressページでビジュアルエディタを使用してスペースを削除しようとしましたが、なぜかHTMLコードも削除されてしまいました。メールフィールドとフォームコマンドボタンの間のスペースを削除する方法を教えていただけると幸いです。

  23. こんにちは
    HTMLテキストエディタにアクセスできません。ボタンは見えますが、押しても何も起こりません。ビジュアルエディタは表示されますが、完全に空白で、一部のページにはランダムなテキストしか表示されません。
    ここに記載されているすべての解決策を試しましたが、何も効果がありませんでした。どなたか助けていただけませんか?お願いします?

  24. 解決済み!この解決策は私に効果がありました。

    define(‘CONCATENATE_SCRIPTS’, false); を wp-config.php ファイルの define(‘DB_HOST’ の行のすぐ下に追記します。

    FTP(またはホスティングアカウントのコントロールパネルにあるファイルマネージャー)にアクセスして行う必要があります。プレーンテキストエディタまたはTextWranglerでファイルを編集できます!

    それでは、ごきげんよう。
    -M@tt

  25. いくら感謝しても足りません。設定行を追加したらすべて元に戻りました。
    どうやって直せばいいのか全く分かりませんでした。

  26. 上記のすべてを試しましたが、コンソールにtinymceのエラーが表示され、エディターが機能しません。
    どなたか助けていただけますか?

  27. 同様の状況に直面しています。最新のアップデート(バージョン58.0.3029.81 (64ビット))の後、Chromeで投稿を編集する際にWordPressの画像編集ボタンが見当たらないようです。これはWPの問題ではないとわかっています。なぜなら、Firefoxでは正常に動作するからです。添付のスクリーンショットを参照してください。誰か解決方法を知っていますか?

  28. #2 と #3 を実行しました…どちらが機能したかはわかりませんが、どちらかが実際に修正しました!! ありがとうございます。

返信する

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