[wp-trac] [WordPress Trac] #52111: Classic Editor - TinyMCE Visual Page editor not working correctly after updating to version 5.6 or later

[WordPress Trac]

#52111: Classic Editor - TinyMCE Visual Page editor not working correctly after
updating to version 5.6 or later
---------------------------+---------------------
 Reporter:  spikeuk1       |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  5.8
Component:  Editor         |     Version:  5.6.3
 Severity:  major          |  Resolution:
 Keywords:  needs-testing  |     Focuses:
---------------------------+---------------------
Changes (by floriantactisens):

 * version:  5.6 => 5.6.3


Comment:

 Hi everyone,

 Here is my update on this problem. I tried to be as thorough as possible.

 First it does not seem like a browser problem, since I tried on several
 browsers and on private session (no browser plugin) and I have the same
 issues.

 I tried to deactivate all my wordpress plugins one by one and I found some
 interesting leads.
 FYI I am still on Wordpress 5.6.3 and I use the Classic Editor plugin
 (https://www.tactisens.com/wp-admin/plugin-install.php?tab=plugin-
 information&plugin=classic-editor&TB_iframe=true&width=600&height=550)
 All the following observations are made on the page where I edit an
 article.
 - First I found that when I activate "Jquery Migrate Helper" (Old version
 1.12.4-wp), it adds 4 js errors at the beginning of the pile. They are of
 this sort : "Uncaught ReferenceError: jQuery is not defined". When I click
 on the visual/text tabs nothing happens.
 - If I set "Jquery Migrate Helper" to "Wordpress Default", those 4 js
 errors disappear and I can click on the visual/text tabs, but the visual
 tab is empty and every time I click on it I have the js error "mce-
 view.min.js?ver=5.6.3:2 Uncaught TypeError: _.pluck is not a function"
 When I go back to the text tab, it adds everytime another "<span>" as I
 described before ("<span data-mce-type="bookmark" style="display: inline-
 block; width: 0px; overflow: hidden; line-height: 0;"
 class="mce_SELRES_start">")
 - Deactivating all my wordpress plugins one by one allowed me to find oud
 that the Yoast plugin added a lot of js errors! When I deactivate it, I'm
 able now to switch between the visual and text tabs and I see my content
 in both tabs. I still have 4 js errors that say "Uncaught ReferenceError:
 tinymce is not defined" but does work...

 Does anyone have experienced something similar with Yoast?

 I will attach a few screenshots if you want to have a closer look at the
 js errors.

 Thanks again,
 Florian

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/52111#comment:38>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform