Wordpress зник візуальний редактор. Візуальний редактор WordPress TinyMCE Advanced, опис та налаштування. Можливі проблеми з TinyMCE Advanced та методи їх вирішення

09.04.2020 Новини

Привіт всім! Хочеться розповісти, що треба робити, якщо не працює візуальний редактор TinyMce, і як я боровся з цією проблемою в WordPress.

Як у мене виникла проблема з візуальним редактором TinyMCE

Все почалося з того, що я почав оптимізувати свій, щоб зменшити швидкість завантаження. Після того, як я виконав низку вимог від Google, сайт почав значно швидше завантажуватися, і час відповіді сервера склав 9 мілісекунд проти 700, що мене цілком влаштовувало. Захопившись оптимізацією, я не помітив, що в полі редагування записів пропав текст, а також пропали всі поля seo-плагіну.

Не довго думаючи, я встановив актуальну резервну копію і думав, що питання вирішене. Але яким було моє здивування, коли і в цій копії сайту я не побачив бажаного результату. Я очистив кеш усіх моїх браузерів, але в жодному з них не було заповітного тексту в полі редактора. На іншому комп'ютері були ті ж результати.

Я запитав у Гуглі фрази: «Порожнє поле візуального редактора», «не працює візуальний редактор», але нічого зрозумілого я там не отримав. Усі відповіді були марними.

Подивися схожу проблему візуального редактора у цьому відео.

Виручив сайт офіційний сайт підтримки Вордпрес - https://ua.wordpress.org/. Ось що треба читати всім користувачам цього двигуна! Там є відповіді на будь-які питання, цікавий форум та база знань. Отже, ось що я дізнався там з цього питання:

Надійний спосіб відновити роботу візуального редактора TinyMce

Якщо у тебе не працює візуальний редактор TinyMce, виконай такі кроки:

  1. Галочка у твоєму профілі в полі «Вимкнути візуальний редактор» має бути знята
  2. Внеси свій сайт у «довірені адреси» свого брандмауера та антивірусника
  3. Очисти повністю кеш браузера та перезавантаж його. Онови сторінку кілька разів. Поки не переконаєшся у скиданні кешу
  4. Зайди в адмінку свого сайту та скинь кеш повністю
  5. Потім обов'язково відключи всі плагіни
  6. Зайди на хостинг та видали папки wp-admin та wp-includes
  7. Заміни видалені каталоги новими, завантаживши свіжу версію Вордпрес
  8. Відкрий чистий браузер, в якому скинутий весь кеш і переконайся, що все працює.

Треба сказати, що з проблемами роботи візуального редактора я зіткнувся не вперше. І в кожному випадку це були різні баги.

На одному з моїх сайтів він зовсім зник після оновлення двигуна. Я вибрався з цієї ситуації так:

Якщо після оновлення щось не працює, то якісь сторонні програми заважають цьому. Це можуть бути, наприклад, плагіни.

Я відключив їх і почав перевіряти роботу редактора, включаючи їх один за одним. Невдовзі я встановив винуватця. Ним виявився плагін, що організує вставку та підсвічування коду, SyntaxHighlighter Evolved. Перевстановив його свіжу версію і все стало на свої місця.

Висновки:

Якщо ти не сильний у пристрої движка і мало знайомий з мовою PHP, то на випадок поломки візуального редактора універсальним засобомбуде заміна каталогів wp-admin та wp-includes з наступним підключенням плагінів кожного окремо. Цей методзастосовується у всіх випадках, якщо не працює візуальний редактор TinyMce. Створюй резервні копіїсайту. Це найкращий захистсайту

Що робити, якщо редактор WordPress не працює? Ми зовсім недавно зіткнулися з такою проблемою, і знаємо 13 можливих причин, якими може пропадати візуальний редактор.

Не працює редактор WordPress: 13 можливих причин

1.Варта галочка в адмінці: Користувачі - Ваш профіль - Вимкнути візуальний редактор.

2. Конфлік плагінів. Вимкніть плагіни, які нещодавно встановили. Якщо причина у них – запрацює все. Потім по черзі влючайте, доки знайдете винний у поломці редактора вордпресс.

3. Одна з можливих причин – зіпсувалися деякі файли WordPress. Прийдеться оновити WordPress або перевстановити його.

4. Закінчився дисковий простір.

5. Звернемося до файлів. Іноді допомагає вписати файл wp-config.php

Define ( 'CONCATENATE_SCRIPTS', false);
якщо не допоможе – поверніть назад.

6. Плагін tinyMCE advanced - відключіть та видаліть його.

7. Правимо у файлі wp-includes/js/tinymce/tiny_mce_gzip.php
Шукаємо рядок і замінюємо у ньому ob_gzhandlerна ob_gzhandlerX
було:
ob_gzhandler
стало:
if ((in_array('gzip', $encodings) || in_array('x-gzip', $encodings) || isset($_SERVER['-----'])) && function_exists(' ob_gzhandlerX') && !ini_get('zlib.output_compression')

Якщо не допомогло – повертаємо все.

8. Шукаємо файлик /wp-includes/js/tinymce/tiny_mce_config.php
Гортаємо до рядка: 'compress' => true,
Замість true пишемо false

9. Порожній рядок у файлі functions.php

10. Проблем браузера, а точніше через JavaScript. Варто перевірити: чи у всіх браузерів пропадає візуальний редактор (не відображається він)

11. Можливо криво встановлений WordPress, у папку або на піддомен

12. На хостингу не вистачає пам'яті. WordPress потрібно щонайменше 32 МБ

13. Помилки у шаблон WordPress. Змініть на час шаблон на дефолтний вордпресівський.

Під час кожної перевірки чистіть куки та кеш вашого браузера. Успіхів!

(Visited 1 458 times, 1 visits today)

Не працює візуальний редактор у Живому Журналі. Як виправити.

Не працює візуальний редактор у Живому Журналі. Як виправити?


Візуальний редактор у Живому Журналі використовує JavaScript.
Що робити, якщо редактор не працює, розмір шрифту, його колір та ін неможливо змінити.
А шрифт у ЖЖ, на жаль, дуже дрібний, тому важко читати.
До речі, програми – клієнти для ЖЖ не працюють без Java.

Java і JavaScript не одне й те саме, але до цієї проблеми це не має відношення.
Для довідки Java - універсальна мова для написання програм, призначених для роботи на різних платформах.
JavaScript - мова обробки веб-сторінок, яка використовується більшістю браузерів. Використовується лише для веб-сторінок.

За замовчуванням JavaScript включен у браузерах, але якщо виникають проблеми на Інтернет-сторінках, наприклад, не працює візуальний редактор у ЖЖ, то потрібно мати на увазі таке:
Візуальний редактор у ЖЖ працює з використанням JavaScript, іноді може не працювати у деяких браузерах.
Можливо, потрібно оновити браузер і переконатися, що JavaScript увімкнено .
В іншому випадку можливе використання лише редактора HTML, а це більшість користувачів незручно. Більшість людей взагалі не знають, що таке HTML.

Якщо проблема не усувається і, наприклад, візуальний редактор в ЖЖ не працює, тобто неможливо редагувати текст - змінювати колір тексту, розмір і шрифт тексту і т.д., і ви оновили браузер, переконалися,
що JavaScript увімкнений - (для відомості: Як увімкнути та вимкнути Java та JavaScript), то єдиним способом виправлення ситуації буде перевстановлення Java у вашій системі ноутбука або комп'ютера.
Або встановлення, якщо Java взагалі не встановлено.

Як це зробити.

Для початку, через Пуск заходимо до Панелі управління Windowsі дивимося, чи встановлена ​​Java у вашій системі.

Якщо ви не знайшли Java в Панелі керування, то відразу переходьте до пункту Б. Встановлення.
Якщо ви виявили Java у списку програм у Панелі керування, то починаєте з пункту А. Видалення, потім переходьте до пункту Б. Встановлення.

Крім цього, рекомендую вам використовувати програму CCleaner версії 4.18.4844 (пізніші версії прописуються в автозавантаження).
Якщо програма CCleanerне встановлена ​​на комп'ютері, . (при установці вибрати мову та зняти непотрібні галочки).

А. Вилучення.
1 Зайти через Пуск і Панель керування в Установка видалення програм та компонентів при закритих браузерах. Видалити Java із системи.
2 Запустити Cclener (виправити помилки реєстру та почистити систему)
3 У папках C:\Program Files\ та C:\Program Files\Common Files видалити папки Java.
4 У редакторі реєстру знайти та видалити все пов'язане з Java (обережно!!!).
5 Запустити Cclener (виправити помилки реєстру та почистити систему)

Б. Встановлення.
1 Зайти на сторінку з бінарним файлом Java, а не на сторінку з усіма версіями Java!
2 Натиснути кнопку Завантажити Java безкоштовно і завантажити файл jxpiinstall
3 Копіювати файл у зручне місце та запустити, або запустити його з папки Завантаження при закритому браузері.
4 Зняти дві галки біля ASK!
5 Продовжити встановлення при увімкненому інтернеті та закритих браузерах.
6 Після закінчення установки запустити браузер, зайти на сайт Java, натиснути на кнопку Перевірити версію Java, у спливаючому вікні натиснути кнопку Так.
7 Після встановлення та перевірки радіти тому, що візуальний редактор у ЖЖ працює та усунуто інші проблеми.
(В Однокласниках процесор не захлинається, а комп'ютер з ХР, як не дивно, взагалі став набагато легше працювати…)

Не працює візуальний редактор - налагодження помилки

Як виправити – відповідь знайшла в Інтернеті. Спочатку натиснемо 3 смужки, у правому верхньому кутку браузера хром. Перейдемо до «інструментів». Знайдемо "інструменти розробника", відкриється код сайту. Виберемо тут опцію "Network", натиснемо її, та клавішу F5, на клавіатурі комп'ютера. На вкладці Network почалися якісь переміщення рядків, що супроводжуються зміною розташування кольорових кульок. Після цього у візуальному редакторі з'явилися тексти.

На сторінці інструментів браузера є кілька посилань, за якими знайшлося вікно, де докладно в кодах показали 2 помилки, за наслідками налагодження Network, коди великі.

Допомога Google

За посиланням: «Про браузер Google Chrome», ми потрапляємо у вікно, де варто звернути увагу на посилання: «допомога з використання Chrome». Я сюди зазирала, тут дуже великий матеріал. Варто з ним познайомитися ближче, це першоджерело.

Періодично у мене все ж таки знову не працює візуальний редактор. Налагоджу, як тут написала і знову працює. Хоча б так, а то зовсім припинилася вся робота. Такий глюк у мене вперше. Поступово все налагодилося само-собою. Надалі було два нових автоматичних оновлень. Після яких все пройшло гладко, проблем тепер немає. Іноді також не працює на Ю-Туб каналі. Налагоджую так само, як тут і все налагоджується.

Розібравшись з основним функціоналом адміністративної панелі WordPress. Найбільшу кількість часу, після формування основи нашого сайту, ми будемо приділяти статтям, їх написанню та оптимізації. Для набору та форматування записів у WordPress впроваджено редактора, проте він дуже поступається плагінам спеціалізованим під ці потреби. Після встановлення та налаштування плагіна візуального та html редактора Tinymce Advanced здійснювати редагування записів буде набагато простіше.

Існує багато плагінів-редакторів тексту, одним з таких є функціональний плагін, який вибрали для себе величезну кількість людей. TinyMCE Advanced.

Навігація за статтею:

Для того щоб почати користуватися і тестувати даний плагін TinyMCE Advanced потрібно завантажити та встановити його, як це зробити представлено нижче у відео уроці.

Опис плагіна TinyMCE Advanced

Додаток до редактора TinyMCE Advanced існує дуже давно і напевно у 90% користувачів платформи WordPress він встановлений і щодня використовується.

Плагін TinyMCE Advanced дуже простий, але водночас дає весь необхідний функціонал під час роботи зі сторінками та записами.

Завдяки TinyMCE Advanced ми можемо додати до нашого стандартного редактора, доступного після , велику кількість нових кнопок, які, безумовно, стануть вам у нагоді.

Переоцінити даний плагін практично неможливо, він використовується щогодини, кожна мінімальна і тонка настройкастане простою та доступною за допомогою TinyMCE Advanced.

Відео огляд TinyMCE Advanced, його встановлення та налаштування

У цьому відео ви побачите переваги доступні при встановленні та роботі з TinyMCE Advanced.

Чим TinyMCE Advanced краще стандартного

Для тих хто ще не знає призначення плагінів у нас є спеціальний, інші ж можуть поринути у статтю з головою.

TinyMCE Advanced існує для створення у зручному візуальному та кодовому форматах ваших публікацій, для зміни та створення стилю написання унікальних текстів. Редактор, запропонований у базовому пакеті WordPress, м'яко кажучи убогий, і має лише основні інструменти.

Як бачимо на підтвердження сказаного вище далеко зі стандартним редактором не розженешся, ось тому нам на допомогу і йде TinyMCE Advanced з його розширеним функціоналом.

З першого погляду зрозуміло, що наші можливості значно зростуть з таким функціоналом можливостей TinyMCE Advanced. Той хто хоч раз працював з текстовими редакторамизможе легко розібратися в іконках та можливостях плагіна. Для тих же кому хочеться не шукати потрібні елементи методом тику, розберемо основні можливості та налаштування TinyMCE Advanced.

Що дасть нам TinyMCE Advanced

Отже, використання розширеного редактора TinyMCE Advanced дозволить нам додати та використовувати такі можливості:

  1. Легке та зручне створення таблиць безпосередньо при написанні статті. Редагування та наповнення яких не викликає у вас незручностей.
  2. Розширене та зручне форматування структури сторінки. Можливість створення та регулювання розміщення шарів (
    блоки).
  3. Вам також стане доступно ставити верхні та нижні індекси.
  4. Змінювати колір тла тексту з TinyMCE Advanced можна дуже легко без використання CSS.
  5. Впроваджувати відео файли стане набагато зручніше із редактором TinyMCE Advanced.
  6. Змініть розмір шрифту.
  7. Широкий вибір сімейства шрифтів.
  8. Набір гарячих клавіш додасть вам швидкість написання та форматування ваших текстів.
  9. Чи стане доступна очистити однією клавішею всього форматування.

Ці та інші можливості стануть вам у нагоді у формуванні ваших творінь з WordPress.

Плагін постійно оновлюється що не може нас не радувати, адже це основна ознака того, що про ваш комфорт думають розробники.

Користуючись TinyMCE Advanced ви будете писати ваші пости впевненим у своїх можливостях, бажаємо вам натхнення та унікальних текстів, зустрінемося у наступному

Можливі проблеми з TinyMCE Advanced та методи їх вирішення

Плагін TinyMCE Advanced написаний на PHP, так само як і будь-яка програма вона може з тих чи інших причин не працювати. Нижче описано проблеми, з якими найчастіше стикаються користувачі. На що ж хворіє редактор для WordPress.

Не працює візуальний редактор WordPress TinyMCE Advanced

Якщо при підключенні плагіна ви не можете його редагувати, користуватися іконками, додавати або змінювати налаштування, спробуйте зробити таку операцію:

  1. Перевірити працездатність інших плагінів, якими ви керуєте з адмінки, якщо їх кнопки налаштувань працюють тоді переходимо до наступного пункту. У разі виникнення проблем з іншими доповненнями потрібно шукати причини внутрішніх налаштувань, а не в самому плагіні.
  2. Поновіть WordPress до останньої версії.
  3. Повністю видаліть плагін та скачайте TinyMCE Advanced з офіційного сайту.
  4. Після встановлення активуйте його і перевірте працездатність.

Якщо це вам не допоможе можливо проблеми пов'язані з іншими плагінами, іноді вони можуть конфліктувати, спробуйте відключити всі плагіни і перевірити чи не змінилася ситуація. Якщо TinyMCE Advanced не працює і при чистому движку потрібно шукати більш глибокі проблеми, варто звернутися до програміста.

На сторінці адміністрування: не сортуються кнопки TinyMCE, вони не рухаються, панель інструментів порожня, інші помилки на сторінці

Це, як правило, викликано іншим плагіном, який додає несумісні бібліотеки JavaScript для всіх сторінок, а не тільки там, де необхідно. Обійти це можна спробувавши дізнатися, які плагіни роблять це, тимчасово відключити решту плагінів, поки всі кнопки TinyMCE не з'являться, і вмикати їх по черговості перевіряючи зміни в налаштуваннях.

Якщо це не допомогло, спробуйте деякі загальні усунення несправностей Javascript: очистити кеш, спробуйте інший браузер, спробуйте інший комп'ютер, якщо це можливо, видалити і заново завантажити всі файли плагіна, і, нарешті, встановити Firefox з Firebug або Opera, зверніть увагу на перший JS викликає помилки (важливо) і розмістіть.

Організував кнопки та зберіг їх, але нічого не змінюється у візуальному редакторі на сторінці записів

Натисніть кнопку «Видалити» (поряд із кнопкою Зберегти), а потім на «Продовжити». Потім вимкнути та активувати плагін знову. Це скинути всі параметри, які зберігаються в базі даних.

Деякі кнопки відсутні в меню TinyMCE, або деякі інструменти не з'являються взагалі, або TinyMCE поводиться дивно після встановлення плагіна

Майже всі ці проблеми викликані кеш браузера або мережевий кеш. Очистіть кеш браузера, закрийте браузер, а потім запустіть його і спробуйте ще раз. Якщо проблема не усувається, спробуйте перезавантажити сторінку, утримуючи Ctrl (IE) або Shift (Firefox), щоб вказати браузеру, що потрібне перезавантаження сторінки з сервера. Це також може бути викликано мережевим кеш десь між вами та вашим веб-хостингу. Просто зачекайте кілька годин, щоб проблема зникне.

Я не бачу будь-яких стилів імпортованих у «style» у меню, що розкривається

Ці стилі (тільки класи) імпортуються з редактора у файл style.css вашої поточної теми. Однак, деякі теми не включати цей файл. У цьому випадку дотримуйтесь інструкцій на сторінці налаштувань TinyMCE Avdanced, щоб додати свій власний файл style.css редактор для вашої теми. При визначенні стилів майте на увазі, що TinyMCE імпортуватиме лише класи:

My_class()

My_other_class ()

Я тільки-но встановив плагін TinyMCE Avdanced, але нічого не сталося

Вийти з WordPress, очистити кеш браузера, перезапустити браузер і спробуйте ще раз. Якщо це не працює, може бути кешування проксі або мережевий кеш десь між вами та вашим господарем. Вам, можливо, потрібно почекати кілька годин, поки цей кеш не закінчиться.

Коли я додаю смайлики, вони не показують у редакторі

Кнопка «Смайли» у TinyMCE додає коди смайлів. Фактичні зображення додає WordPress під час перегляду запису/сторінки. Переконайтеся, що прапорець "Перетворювати смайли на кшталт:-) і:-P на картинки" в меню "Налаштування"/"Написання" встановлено.

Плагін не додає жодних кнопок, «Візуально» та «HTML текст» вкладки відсутні

Переконайтеся, що "Вимкнути візуальний редактор" прапорець у розділі "Користувачі"/"Ваш профіль" знято.