TinyMCE image/html popups not working with deployed assets

[coneybeare]

On the local machine (served over pow) , the html and image popups work great. Once deployed, and my assets are compiled, uploaded to s3 and served over cloudfront, the popups do not work.

It is a bunch of "Undefined' is not an object errors.

Any idea on what may be wrong?

[jipiboily]

Have you overwritten the application.js provided with Monologue? Could you maybe paste the content of the compiled application.js file?

Also, could you put both your Gemfile and Gemfile.lock in a gist? Maybe you have a tinymce-rails versions that has problems, never seen that one before.

Is there a way for me to see that project? Be it the source if it is open or the production setup you tried?

[coneybeare]

I can't publicly share any of the code, but I will give you access to the private repo, and I can set you up with an admin login until we figure this out.

[jipiboily]

Thanks for that. It might have to do with tinymce-rails not really supporting being hosted on a CDN. This will have to be digged down a bit more. Some links that could be useful:

• plugins not synced when using a cdn spohlenz/tinymce-rails#58
• Popup Dialog for Link is broken with asset_host spohlenz/tinymce-rails#55

[coneybeare]

Well, I spent a few hours on it, but TBH, it's not worth it. I just write blog posts locally while connected to my production DB and manually clear the cache.The only interesting solution I may have found is something found on the top of tiny_mce_popup.js:

// Uncomment and change this document.domain value if you are loading the script cross subdomains
// document.domain = 'moxiecode.com';

But in order for me to do this, it would require manually integrating tinymce and killing it in monologue, something that is not worth the effort. Feel free to close the ticket if you would like.

[jipiboily]

Thanks for following up. Sorry for that.

I'll close for now.

By the way, TinyMCE might be replaced at some point, if you have suggestions, do not hesitate to let me know. Main reason being for adding image upload. More here: #61

Regards.

[jvortmann]

I still having this problem (the TinyMCE popup does not open when the assets are on S3).

Still hadn't had time to look into it.

Any news about it?

[jvortmann]

@jipiboily I could make Monologue work and use the assets on S3.

BUT it was made using a hack. Take a look at https://github.com/jvortmann/monologue/tree/tinymce

I didn't have time to take a closer look and build a solution so Monologue works out-of-the-box with tinymce.
Also, we can think about other solutions for the embedded editor like http://aloha-editor.org/ (https://github.com/locomotivecms/aloha-rails) or this one http://jejacks0n.github.com/mercury/

[jipiboily]

@jvortmann thanks for that hack, might benefit other people! That said, like you said, it's a hack :)

PLUS, there are plans to have a support for image upload and we might change TinyMCE, which anyway, is not that good. Feel free to jump in here (#61).

PS: the aloha-rails gem does not look to be maintained...

[jipiboily]

Oh, forgot to mention: if you prefer editing your post in markdown, take a look at an extension I did: https://github.com/jipiboily/monologue-markdown. It could also give you ideas on how to replace TinyMCE with an extension for your specific needs!

[jvortmann]

BTW,

I needed to overwrite the form view and add the tinymce javascript from the assets folder (where I force it to be) on the app I am using Monologue. Like this:

<script src="/assets/tinymce-jquery.js" type="text/javascript"></script>

I would use Markdown, but the app is for a client that is not into computers ;)