Updated TinyMCE RTE and the content area disappeared

jeffsydor · November 13, 2020, 9:11pm

I had this issue before and it was never resolved. I thought it was due to an error I was getting when upgrading my PHP version, but that was unrelated.

Currently, i’m on MODX 2.8.1 and PHP 7.3. I’m trying to update the RTE Extra from v1.2.1-pl to the current v1.4.0. But every time I do this, the content area of my resources just disappears. I’m not sure how to proceed. The Modx Error logs and server logs show nothing either. So I’m out of ideas.

digitalpenguin · November 14, 2020, 12:55am

I’d try clearing your browser cache (you could also try in a private/incognito window).
If that doesn’t work, check your browser console and see what error you’re getting when you load the page.

jeffsydor · November 16, 2020, 9:24pm

yes, this did fix the problem. It was a browser caching issue. Is there a way to globally refresh or force the browser to refresh for my other users that may not know how to do this?

Thanks

digitalpenguin · November 17, 2020, 12:50am

Normally I would say it’s because the extra developer forgot to “cache bust” the injected js files with a version but that’s not the case here:

github.com

modxcms/tinymce-rte/blob/acba295fd7060b89d5514dcf17a9441d5f2c5e62/core/components/tinymcerte/model/tinymcerte/events/tinymcerteonrichtexteditorinit.class.php#L21


    return false;
}

public function process() {
    $html = $this->initTinyMCE();

    $this->modx->event->output($html);
}

private function initTinyMCE() {
    $this->modx->controller->addJavascript($this->tinymcerte->getOption('jsUrl') . 'vendor/tinymce/tinymce.min.js?v=' . $this->tinymcerte->version);
    $this->modx->controller->addJavascript($this->tinymcerte->getOption('jsUrl') . 'vendor/autocomplete.js?v=' . $this->tinymcerte->version);
    $this->modx->controller->addJavascript($this->tinymcerte->getOption('jsUrl') . 'mgr/tinymcerte.js?v=' . $this->tinymcerte->version);
    $this->modx->controller->addCss($this->tinymcerte->getOption('cssUrl') . 'mgr/tinymcerte.css?v=' . $this->tinymcerte->version);

    return '<script type="text/javascript">
        Ext.ns("TinyMCERTE");
        TinyMCERTE.editorConfig = ' . json_encode($this->getTinyConfig(), JSON_PRETTY_PRINT) . ';

        Ext.onReady(function(){
            TinyMCERTE.loadForTVs();

The browser should automatically download the new version.