Way to check whether TinyMCE is active in WordPress

I’m working on a plugin that, when TinyMCE is in use as the Visual editor, uses TinyMCE commands to insert text into body content editing area. Currently, it works by just running the command. If it works, then TinyMCE is active and if not, then I have custom JS for working with the HTML editor.

My question, however: is there any way to check whether TinyMCE is active or not instead of just running the command and having it fail when it isn’t?

Related posts

Leave a Reply

4 comments

  1. And… I’ve answered the question for myself. The conditional you want to test for is as follows:

    is_tinyMCE_active = false;
    if (typeof(tinyMCE) != "undefined") {
      if (tinyMCE.activeEditor == null || tinyMCE.activeEditor.isHidden() != false) {
        is_tinyMCE_active = true;
      }
    }
    

    The trick is that tinyMCE.activeEditor returns null when TinyMCE isn’t activated. You can use the isHidden() method to make sure it isn’t executing when you’ve switched back to HTML editor mode.

    This is poorly documented on the TinyMCE website and forums.

  2. Yes, I saw that code on wordpress: ABSPATH/wp-includes/js/autosave.js file

    // (bool) is rich editor enabled and active
    var rich = (typeof tinyMCE != "undefined") && tinyMCE.activeEditor && !tinyMCE.activeEditor.isHidden();
    
  3. As this questions ranked in search engines. I think I should extend Daniels answers a little bit to support when we have multiple instances of wordpress editor in a single page.

        var is_editor_active = function(editor_id){
    
            if(typeof tinyMCE == 'undefined'){
                return false;
            }
    
            if( typeof editor_id == 'undefined' ){
                editor = tinyMCE.activeEditor;
            }else{
                editor = tinyMCE.EditorManager.get(editor_id);
            }
    
            if(editor == null){
                return false;
            }
    
             return !editor.isHidden();
    
        };
    

    Uses

    When you only need to check the active editor

    if(is_editor_active()){
        // do stuff
    }
    

    If an editor with certain id needed to be checked

    if(is_editor_active('mycontent'){
        // do stuff
    }
    

    I hope this little function will be helpful to others 🙂