question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TinyMCE 4.6.x slower to load?

See original GitHub issue

Since I upgraded to 4.6.x, it seems that tinyMCE loads slower or something was changed for it to look so.

I hide certain UI elements in init (toolbar, status bar) and make the editor full screen. In 4.5.x everything went smoothly and these elements were hidden properly. Now in 4.6.x there is a certain delay before they are hidden, so the user is presented with an unpleasant flash of these elements, before they are hidden.

This is the code I use:

      editor.on('init', function() {
        editor.getBody().style.backgroundColor = backgroundColor;
        $('div.mce-toolbar').toggle();
        $('div.mce-toolbar-grp').toggle();
        $('div.mce-statusbar').toggle();
        $('div.mce-edit-area').css('border', 'none');
        editor.execCommand('mceFullScreen');
        ...

I toggle visibility instead of removing these elements in the settings, because I want to be able to show them later.

Does anybody else experience this and what could be causing it?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
spockecommented, May 22, 2017

This seems like a very specific use case and can be avoided by using css:

div.mce-toolbar, div.mce-toolbar-grp, div.mce-statusbar {
  display: none;
}

The init is now slightly more delayed since we wait for the content css to be fully loaded. Since this is by design and not really a bug I’m closing this one.

1reaction
petkocommented, May 17, 2017

I’ve created two fiddles for the new and for the old version: 4.6.1 (flashing): http://jsfiddle.net/petko/ekLcddvf/ 4.5.7 (not flashing): http://jsfiddle.net/petko/dgyxno2j/

Read more comments on GitHub >

github_iconTop Results From Across the Web

Performance tune TinyMCE
This makes the icons load faster since multiple image requests are replaced with a few tilemap requests. Compress other scripts using the custom...
Read more >
TinyMCE increases its render speed by up to 20%
Did you know that the TinyMCE rich text editor loading speed is now faster? All web browser applications have different load speeds.
Read more >
Documentation - TinyMCE
The official documentation source for the most advanced editor designed to simplify website creation.
Read more >
Changelog - TinyMCE
fixed the mobile theme failing to load due to a bundling issue. fixed security issue related to parsing HTML comments and CDATA.
Read more >
Most common plugin errors in TinyMCE and how to fix them
The <plugin-name> Premium plugin is not enabled on your API key. · Failed to load plugin: <plugin-name> from url plugins/imagetools/plugin.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found