javascripthtmltinymcefckeditor

Error uploading images with FCKEditor/TinyMCE


I have this error on a page every time they want to upload an image.

Uncaught DOMException: Blocked a frame with origin "example.net" from accessing a cross-origin frame.
    at OpenFile (example.net/tiny_mce/plugins/simplebrowser/frmresourceslist.html:98:20)
    at HTMLAnchorElement.onclick (example.net/tiny_mce/plugins/simplebrowser/frmresourceslist.html:1:1)

Deactivating the Same-Origin Policy makes that uploading a file works without problems but this page is for a company and for the 'user' deactivating this just to upload a file is a headache. Also that is not a real solution...

Code frmresourceslist.html

Another thing is that this worked until we changed servers, or at least they didn't complain until then.

Edit: I've read about adding on the htaccess

Header set Access-Control-Allow-Origin "*"

But it's not working, help?


Solution

  • No idea what it means, but this worked

    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^example.net [NC]
    RewriteRule ^(.*)$ http://www.example.net/RewriteRule ^(.*)$ http://www.example.net/$1 [L,R=301,NC]
    
    <IfModule mod_headers.c>
    
    Header always append X-Frame-Options SAMEORIGIN
    Header always set Access-Control-Allow-Origin "*"
    Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"
    Header always set Timing-Allow-Origin "*"
    
    </IfModule>