TinyMce 4 + ResponsiveFileManager 跨域:阻止了带有原点的帧

Posted

技术标签:

【中文标题】TinyMce 4 + ResponsiveFileManager 跨域:阻止了带有原点的帧【英文标题】:TinyMce 4 + ResponsiveFileManager cross domain : Blocked a frame with origin 【发布时间】:2017-09-04 06:07:10 【问题描述】:

有谁知道如何使响应式文件管理器 (http://www.responsivefilemanager.com) 与带有子域(跨域)的 tinyMCE 4 一起工作? 他们的网站说可以做到,但我不知道怎么做,因为我被这条消息阻止了(Chrome 控制台):

Uncaught DOMException: Blocked a frame with origin "mywebsite.local" from access a cross-origin frame.

有关信息,我想将图像存储在 mywebsite.local 等域中,而 TinyMCE 位于子域中:admin.mywebsite.local

这是我的代码:

    // TinyMCE
    tinymce.init(
    ...

    // Responsivefilemanager
    filemanager_crossdomain: true,
    external_filemanager_path:"http://mywebsite.local/filemanager/",
    external_plugins:  "filemanager" : "http://mywebsite.local/filemanager/plugin.min.js",

    ...
 );

请帮我解决这个问题已经好几个小时了! 谢谢!

【问题讨论】:

【参考方案1】:

您看到的问题是您尝试发出 CORS(跨源资源共享)请求,而托管文件管理器的服务器未返回标头以允许 CORS 请求。

这个网站提供了一个很好的 CORS 设置概述:https://enable-cors.org/

【讨论】:

以上是关于TinyMce 4 + ResponsiveFileManager 跨域:阻止了带有原点的帧的主要内容,如果未能解决你的问题,请参考以下文章

TinyMce 4 + ResponsiveFileManager 跨域:阻止了带有原点的帧

Plone 4.3b1 中的 TinyMCE 1.3b8 链接?

WordPaster-Joomla_3.4.7-tinymce 4.1.7示例发布

tinymce 4:如何创建自己的文件管理器?

vue + tinymce + powerpaste插件

TinyMCE 4链接插件模式不可编辑