Редактор Wordpress с белым текстом

Question

У меня проблема с сайтом Wordpress, редактор показывает текст белым цветом (на белом фоне), поэтому, если вы не выделите текст, вы не сможете его увидеть. Это только в административном разделе сайта, внешний интерфейс, кажется, не влияет

Я нашел, где CSS меняет текст на белый ( /wp-includes/css/editor.min.css):

.js .tmce-active .wp-editor-area{color:#fff} 

Я удалил это и очистил кеш (даже попробовал другой браузер), но он все еще отображается в редакторе.

Кроме того, кнопки "Визуальный" и "Текст" не работают.

Есть идеи?

Я прошел через отключенный каждый плагин, по одному, но это все еще проблема.

Answer 1

Проверьте вашу консоль JavaScript. Если вы видите ошибку вроде:

"post.php? post = 2840 & action = edit: 2783 Uncaught ReferenceError: tinymce не определено"

Тогда загрузка wp-tinymce.php не удалась. Поскольку редактор не загружен, он выглядит так, как будто ваш текст белый или "невидимый" в редакторе. Это можно обойти, добавив:

define('CONCATENATE_SCRIPTS', false);

(Согласно Tijmen выше или https://wordpress.stackexchange.com/a/63172/118510)

(Я использую плагин WP Fastest Cache, который имеет собственную конкатенацию, поэтому, если я использую этот плагин, то я в порядке, пропуская конкатенацию Wordpress по умолчанию.)

Основная проблема, однако, заключается в том, что запрос:

/wp-includes/js/tinymce/wp-tinymce.php?c=1&ver=4506-20170408

Сбой или получение 404. Это может быть связано с ограничением безопасности вашего хостинга или CDN.

Answer 2

Давайте начнем с очевидного: ваша Wordpress установка полностью обновлена, включая все плагины, темы и т. Д.?

Это может помочь активно объявить цвет черным вместо простого удаления удаленной строки CSS, поэтому:

.js .tmce-active .wp-editor-area{color:#000000} 

Кроме того, известно, что эта проблема была вызвана несколькими плагинами, такими как PS Disable Autoformatting, однако этот случай был несколько лет назад. Вы недавно установили плагин? Если это так, попробуйте отключить этот плагин, чтобы увидеть, вернет ли редактор нормальный режим.

Если ничего из этого не решает проблему, вы также можете попробовать загрузить Wordpress и заменить папку /wp-includes/js/tinymce/. Хотя это маловероятно, не исключено, что что-то пошло не так во время обновления или около того.

Если ничего не работает, по этой ссылке вы можете открыть файл wp-config.php и добавить следующую строку в самом верху после тега открытия php.

define('CONCATENATE_SCRIPTS', false);

Answer 3

Для меня проблема была вызвана тем, как редактор wordpress взаимодействует с vue.js на пользовательской странице администратора моего плагина.

В частности, проблема с белым текстом в редакторе была вызвана тем, что он находился внутри v-if. Должен быть некоторый конфликт в том, как v-if отображает контент, который нарушает работу TinyMCE, если он находится внутри v-if.

Исправить это было так же просто, как перейти на v-show. Это приводит к тому, что TinyMCE визуализируется один раз при загрузке страницы, а затем просто скрывается по мере необходимости. С помощьюv-show вызывает нормальный рендеринг текста редактора и панели инструментов.

Answer 4

Зайдите в настройки своей учетной записи и установите флажок "Отключить визуальный редактор при написании" ... Теперь попробуйте свою страницу и / или пост снова. У вас должен быть текст, а не белый, и теперь вы сможете редактировать свою страницу. Конечно, у вас не будет визуального редактора, и это совсем не весело. Я думаю, что в конечном итоге это проблема с сервером, где не хватает ресурсов для всего рендеринга блоков как для javascript, так и для css. В Chrome проверьте "производительность" страницы в инструментах разработчика... вероятно, она меньше 30.

Answer 5

Я только что исправил эту проблему и подумал, что стоит упомянуть эту основную проверку другим. Если вы устанавливаете другую тему или вторую тему, которая устанавливает свой собственный набор плагинов, убедитесь, что у вас не установлены или не активированы существующие компоновщики плагинов. Это может вызвать конфликт, из-за которого текст становится белым и вкладки не работают.

Для меня у меня были установлены и активны и CMSMasters Content Composer (из предыдущей темы), и WPBakery Visual Composer (из новой темы), что и дало мне именно эту проблему. Я также пытался заменить файл tinymce и добавить дополнительную строку в wp-config, но ничего из этого не сработало. Деактивация CMSMasters Content Composer устранила проблему белого текста для меня.