Не работает визуальный редактор (editor) в WP: 10 способов, как исправить

Не работает визуальный редактор (editor) в WP: 10 способов, как исправить

Решение, если не работает визуальный редактор в wordpress: кнопки не активны, иконок нет, текст не виден, есть и даже не одно. Ситуация, когда не отображается текст или его вовсе невозможно вставить, не редкость. У меня была паника, когда ни один способ из интернета не помог. В конце концов, сама нашла ошибку и исправила баг. Причин поломки Editor несколько:

1. Криво встало обновление wordpress, плагина, Темы.
2. Виноват браузер: переполнен кеш, куки, история.
3. Кривые руки: дооптимизировались, внесли правки в код, изменили настройки плагина, не понимая что сделали, или поставили не там галочку в профиле.
4. Хостер ограничил лимит загружаемой страницы.
5. Не отображается текст в редакторе — поврежден файл Tinymse, отвечающий за работу editor и т. д.

[ads_custom_box title=»Обратите внимание» color_border=»#000″]Исправлять баг, надо поэтапно: идя от простого решения проблемы к сложному. Необходимо убедиться, что банальные ошибки отсутствуют, чтобы исключить их из списка.[/ads_custom_box]

Не проверив это, есть риск остаться ни с чем. Например, стоит галочка «Отключить визуальный редактор», и чтобы ни делали, результата не будет. Поэтому начинайте поиск ошибки с 1 варианта.

Вариант 1
Визуальный редактор не работает,
потому что отключен

Не спешите игнорировать этот способ, даже если галочка отключения редактора не стоит. Потому что тогда ее надо поставить… Зайдите в Консоль WP — Пользователи — Ваш профиль — Отключить визуальный редактор.

• Если галочка стоит — снимите ее;
• чекбокс пустой — поставьте галочку;
• нажмите внизу: Сохранить профиль;
• пару раз обновите страницы: Ctrl+F5;
• в первом варианте — проверьте редактор, он должен работать;
• во-втором — снимите галочку, сохраните профиль и несколько раз обновите страницу. После этого проверьте работает ли визуальный редактор?

На всякий случай посмотрите количество флешей в адресах на странице: Консоль WP — Настройки — Общие настройки. Иногда появляется вместо двойного «//» тройной: http:///. Убедитесь так же, что ваш Ник (неизменяемый параметр) прописан и никуда не исчез. Потому что, если это так, то визуальный редактор не заработает.

Вариант 2
Редактор не работает из-за браузера

Это предлагается почти всеми, и вы, наверняка уже чистили браузер, но ничего не изменилось. Нужно не просто очистить историю, но и кеш, и куки. Однажды этот элементарный совет помог мне избавиться от 500 ошибки, когда не могла попасть в админку своего сайта. Проверьте работоспособность редактора в других браузерах.

Кстати, программы-чистильщики, типа Ccleaner, куки не удаляют. Все надо делать вручную в самом браузере: настройки — очистить данные… поставить нужные галочки. Например, в Гугл они уже стоят.

И каждый раз, когда что-то изменили в настройках сайта, обновляйте страницу и даже несколько раз, нажимая клавиши:

• Ctrl+F5 — в Google;
• Shift+F5 — в FF и т. п.

Часто, когда должны произойти изменения, их нет, потому что отображается закешированная страница. Не забывайте об этом, постоянно, обновляйтесь, чистите кеш сайта, чтобы убедиться, работает визуальный редактор или нет. Иначе пропустите момент, когда он включится, а вы будете и дальше искать причину бага.

Можно обновить страницу кода визуального редактора. В Гугл это делается так:

1. Откройте редактор — опция в списке Консоли WP: Записи/ Добавить запись или Страницы/Добавить страницу
2. В контекстном меню (правая кнопка мыши) выберите последнюю опцию: Просмотреть код.
3. Перейдите на вкладку Network.
4. Нажмите клавиши Ctrl+F5.

Вариант 3
Редактор не работает из-за поломки Темы

Установите дефолтную Тему WP. Например, у меня работали все другие Темы, кроме той, которая стояла у меня. Я ее не обновляла, чтобы не пропали мои настройки. Поэтому решила это сделать, думая, что она несовместима с новой версией WP. Не помогло. Значит, проблема в ней самой… Что-то, почему-то нарушилось. В чем конкретно причина сразу не поняла, просто поставила новую Тему, но история бага визуального редактора со временем повторилась.

Вариант 4
Виновник проблем с редактором — плагин

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

Чаще всего причина может находиться в каком-нибудь Securiti, Оптимизаторе (СЕО), наподобие Clearfy, у которых много настроек. По незнанию поставили не там галочку, включили параметр, не понимая, что он делает. Виноват не плагин, а наши «кривые руки». Иногда приходится оптимизировать сайт методом тыка, после чего начинаются танцы с бубном.

Вариант 5
Криво встали обновления

Если у вас последняя версия wordpress — переустановите ее. Работаете на старой — обновитесь до последней. Все это делается в консоли wordpress.

Убедитесь, что плагины совместимы с новой версией движка WP. В первую очередь удалите и переустановите плагин редактора, которым пользуетесь:

• Tinymse
• Classic Editor
• Gutenberg. или др.

Не помогло? Поставьте вместо привычного визуального редактора совсем другой (их в репозитории WP большой выбор). Возможно новое название файлов разблокирует прежние запреты на работу в вашем editor и блокирующий скрипт будет проигнорирован.

Вариант 6
Визуальный редактор не работает
из-за ошибок в файлах WP

Чтобы не искать ошибку в отдельных файлах, замените сразу обе папки, в которых она может быть, вызывая проблемы в редакторе. Это wp-admin и wp-includes той же версии. Для этого скачайте дистрибутив движка WP с официального сайта [link]ru.wordpress.org.[/link]себе на ПК. Разархивируйте его, и найдите нужные документы в папке wp. Через ftp-клиент или прямо в панели управления на хостинге замените ими папки сайта.

Учитывайте, что это произойдет только в том случае, если у вас достаточно для этого прав. Поэтому убедитесь, что стоит код доступа 755(770) для папок и 640(660) для файлов. Иначе ваши правки проигнорируются. Сделать это в FileZilla просто. Перейдите в «Права доступа к файлу…» (см. скриншот), добавьте в чекбоксы галочки .

[ads_custom_box title=»Примечание» color_border=»#000″]Если файлы большие, и искать нужную фразу (слово) трудно, используйте поисковую строку. В области открытого в блокноте файла нажмите клавиши Ctrl+F или Ctrl+U. Введите нужные данные, потом нажмите Enter.[/ads_custom_box]

Вариант 7
В файле wp-includes обнаружен .htaccess

Файл .htaccess содержит информацию о блокировке каких-либо параметров на сайте. Если он находится в папке wp-includes, то это уже подозрительно. Проверить его наличие можно как в панели управления на хостинге, так и через Ftp-клиент.

1. В корневой папке, обычно это — pablic.html, найдите и проверьте папку wp-includes.
2. Если в ней есть .htaccess, посмотрите его содержимое.
3. Обнаружив такую запись: deny from all, удалите файл.

После этого визуальный редактор заработает. Если такого файла нет, переходите к следующему способу. Далее придется прописывать код в файлах, поэтому не забудьте (узнайте, как) сделать копии документов, с которыми будете работать.

[ads_custom_box title=»Внимание» color_border=»#000″] До сих пор, никаких кардинальных изменений не вносили, но дальнейшие шаги требуют аккуратности и осторожности. Сделайте копии файлов до внесения правок. Вставив новый код, проверьте работает ли визуальный редактор. Если правило не сработало, верните все в прежнее состояние.[/ads_custom_box]

Вариант 8
Внесение правок в файл config.php

По отзывам этот способ помог многим. В корневой папке найдите и откройте файл config.php в редакторе, типа NotePad++. Вставьте поочередно (по одной строке) приведенные ниже константы. Если одна не сработала, вставьте вторую, затем, третью, удаляя прежнюю (на скрине вставлены сразу все — это только образец).

Место для вставки кода: В конце файла найдите комментарий: Информация о других отладочных константах… На скриншоте видно, где нужно подставлять скрипты (или вовсе в самый конец).

Если ни один из них не сработал, верните все в первоначальное состояние. Вот эти константы:

• define(‘CONCATENATE_SCRIPTS’, false);
• define(‘SCRIPT_DEBUG’, true);
• define(‘WP_MEMORY_LIMIT’, ‘256M’);

Первая константа возвращает дефолтное состояние. Вторая — объединение js в один файл, если такие настройки произвели с помощью плагина. Третья — увеличивает лимит загружаемой страницы, если провайдер ограничил его до 128М. Не помогло? Тогда попробуйте следующее.

Все в том же файле config.php найдите строку, которая может появиться благодаря настройкам, например, плагина iThemes Security и подобным ему:

define(‘DISALLOW_FILE_EDIT’, true);

Замените значение true на false:

define(‘DISALLOW_FILE_EDIT’, false);

Даже деактивировав или удалив такой плагин, его настройки могут сохраниться, препятствуя отображению текста в визуальном редакторе.

Вариант 9
Визуальный редактор заработал, когда…

В этом пункте собрала из комментариев способы, которые сработали у других. Привожу их, чтобы вы не искали дополнительные методы решения проблемы, если ничего из вышеперечисленного не помогло. Кстати, как и мне. Что еще можно сделать?

1. Помочь может плагин, очищающий БД от мусора, освобождая ограниченное провайдером место на диске. Расширение Optimize Database after Deleting Revisions или подобные ему не повредят сайту. Запускать его можно раз в пару месяцев.
2. На зарубежных сайтах предлагают скачать плагин [link]Use Google Libraries[/link] При этом сообщается, что он многим помог починить редактор.
3. Ошибка была в Failed to load: /wp-includes/js/tinymce/langs/ru.js, который имел такой вид: wp-langs-en.js. Если у вас он прописан так же, то измените наименование на: langs/ru.js После этого визуальный редактор заработает.
4. Откройте файл: wp-includes/class-wp-editor.php в редакторе (NotePad++). Найдите строки:

if ( $tmce_on ) {
if ( !$compressed ) {
echo «\n»;
} else {
echo «\n»;

Проверьте, стоит ли восклицательный знак перед $compressed. Если нет, то пропишите его, и визуальный редактор должен заработать.

5. Откройте в блокноте-редакторе файл: wp-includes/js/tinymce/tiny_mce_gzip.php. Найдите в нем строки (многоточие — это часть пропущенного кода), начинающиеся с:

if ((in_array(‘gzip’, $encodings) || in_array(‘x-gzip’ ……….. && function_exists(‘ob_gzhandler‘) && !ini_get(‘zlib.output_compression’)

Добавьте «Х» к выделенному голубым цветом слову, чтобы получилось так: ob_gzhandlerX. Тогда запись кода будет иметь такой вид:

&& function_exists(‘ob_gzhandlerX‘) && !ini_get(‘zlib.output_compression’)

6. Посмотрите структуру кода файла functions.php. Это можно сделать в консоли Вордпресса. Если обнаружите более одной разделительной (пропущенной) строки между записями, то лишние пустые места удалите.
7. Если пользуетесь браузером Mozilla FF, установите в нем расширение FireBug (появится иконка в виде жука). С его помощью найдете ошибку на странице визуального редактора своего сайта. Проблемный код выделяется красным. После исправления, обновите страницу: Shift+F5.

Вариант 10
Визуальный редактор не работает из-за вставки оптимизирующего кода

Провайдеры ведут журналы ошибок, размещая их в папках WP. Проверив все простые варианты, но не добившись успеха, найдите в корневом каталоге файл error_log, чтобы узнать, есть ли критические ошибки, когда они возникли. Если сами его не найдете, обратитесь за помощью в техподдержку хостинга.

[ads_custom_box title=»Примечание» color_border=»#000″]Проверьте результаты тестирования сайта на проблемные узлы: Консоль — Инструменты — Здоровье сайта. Возможно найдете какие-то подсказки, решения.[/ads_custom_box]

Для тех, кто пользуется плагином All In One Security  (см. его настройки) увидеть файл с логами ошибок можно из консоли админа. Для этого перейдите в настройки расширения — опция WP Security — Защита файловой системы — Системные журналы — Просмотр последних записей в системных журналах (синяя кнопка).

Посмотрите логи, близкие к дате, когда возникли проблемы с редактором записей (страниц) в WP. Если не сильны в английском, скопируйте нужное предупреждение. В адресной строке Гугла введите: перевод с анг.…, вставьте в окно текст с указанной ошибкой, получите запись на русском. После этого будете понимать, в чем проблема, в какую сторону двигаться далее. Например, у меня была такая ошибка:

[25-Jun-2019 01:35:10 UTC] PHP Warning: imagecopyresampled() expects parameter 1 to be resource, bool given in /home/ваш логин на хостинге/public_html/wp-includes/class-wp-image-editor-gd.php on line 294

Видно, что проблема находится в файле class-wp-image-editor-gd. Перепробовала все, что смогла найти в интернете, но результата не было, окошко редактора ни разу даже не моргнуло. И тут вспомнила, что вставила небольшой скрипт в файл function.php, когда оптимизировала скорость работы сайта.

Следуя советам одного известного ресурса, надеялась отложить загрузку (парсинг) js, по рекомендациям Google-speed. Вот этот злосчастный код:

function defer_parsing_of_js ( $url ) {

if ( FALSE === strpos( $url, ‘.js’ ) ) return $url;

if ( strpos( $url, ‘jquery.js’ ) ) return $url;

return «$url’ defer «;

}

add_filter( ‘clean_url’, ‘defer_parsing_of_js’, 11, 1 );

Вспомнила, что и в первой Теме, которую удалила, делала то же самое! Вот только эти события никак не связывала с поломкой (На самом деле это была не совсем ошибка. Просто цвет текста в редакторе сменился на белый, поэтому не был виден) редактора. Удалила этот скрипт, и ву-а-ля, все заработало! Если и вам ничего не помогает, подумайте, может делали что-то подобное? Тогда постарайтесь вернуть все назад.

Не помните, где вносили изменения в код Темы

Если первоначальные настройки в файлах шаблона не сохранились, просто скачайте эту же, (учитывая версию), Тему на ПК. Возьмите из нее нужные файлы и замените свои на них, либо отредактируйте код, глядя на оригинал. Надеюсь, суть поиска ошибки левых скриптов оптимизации вы поняли. Желаю успеха.

Эти статьи помогут сделать сайт wordpress лучше

[WordPress] Что это такое
простыми словами

 Что такое сайт на WordPressпростыми словами Wordpress нужен, чтобы управлять сайтом. ...

[WordPress] добавить кнопку в стиле Темы на страницу

Как на страницу WordPress добавить кнопку в стиле Темы  Чтобы в Wordpress добавить кнопку, ...

Openserver 5.4.3 ответы на часто задаваемые вопросы

Установка OpenServer 5.4.3 Создание локального сайта Wordpress Устанавливая локальный Openserver, используя модуль ...

[2021] Установка WordPress
на OpenServer 5.3.8
Запуск локального сайта на ПК

Пошаговая установка OPENSERVER на ПК Создание сайта WORDPRESS Пошаговая установка wordpress на ...

Создание сайта WordPress за 5 минут

Автоматическое создание сайта WordPress на хостинге в интернете за 5 минут Самый ...

Как просто установить тему wordpress: секреты, скриншоты, пошаговая инструкция

Как установить тему wordpress: секреты, скриншоты, пошаговая инструкция После создания сайта возникает ...