TypeKit on CKEditor issue

Does the script get stripped or is it simply not working? If it gets stripped it might be ACF filtering the code. You can completely turn off ACF to see if that's the problem by setting CKEDITOR.config.allowedContent to true (check the documentation).

Ok, every time you switch between the WYSIWYG area and source the information is scrapped, so you have to reapply it each time. Talked to some of the guys and it appears you have to create a CKEditor instance and use contentDom.

The advice above about contentDom was helpful, but just for the benefit of anyone else who runs into this issue, it took me a little experimenting to figure out how to make this work...

CKEDITOR.on('instanceReady', function(ev) {
    var $script = document.createElement('script'),
    $editor_instance = CKEDITOR.instances[ev.editor.name];
    $script.src = '//use.typekit.com/xxxxxx.js';
    $script.onload = function() {
        try {
            $editor_instance.window.$.Typekit.load();
            $editor_instance.on('contentDom', function(ev) {
                $script = document.createElement('script');
                $script.src = '//use.typekit.com/xxxxxx.js';
                $script.onload = function() {
                    try {
                        $editor_instance.window.$.Typekit.load();
                    } catch(e) {
                        console.log(e);
                    }
                };
                $editor_instance.document.getHead().$.appendChild($script);
            });
        } catch(e) {
            console.log(e);
        }
    };
    $editor_instance.document.getHead().$.appendChild($script);
});

(I actually did mine in coffeescript and translated this by hand, so I won't absolutely guarantee it's perfect :)).

The key things I ran in to that took a while to figure out were -

1. the 'contentDom' handler needed to be defined inside the '$script.onload' function
2. the '$script' variable needed to be defined a second time inside the 'contentDom' handler. It wasn't enough to just reapply the 'onload' handler for the original variable and re-append the element.