c5 文件管理器和 TinyMCE答案

【问题标题】：c5 Filemanager and TinyMCEc5 文件管理器和 TinyMCE
【发布时间】：2012-05-16 01:46:07
【问题描述】：

如果有人感兴趣，就靠近一点

我有“浏览”按钮出现在 TimyMCE > 插入/编辑图像弹出窗口，通过将以下内容添加到 tinymce_jquery_full.cshtml 文件

function myFileBrowser (field_name, url, type, win) {

var cmsURL = "../../Filemanager/index.html"

tinyMCE.activeEditor.windowManager.open({
    file : cmsURL,
    title : 'Browser',
    width : 800,  // Your dimensions may differ - toy around with them!
    height : 500,
    resizable : "yes",
    inline : "yes",  // This parameter only has an effect if you use the inlinepopups plugin!
    close_previous : "no"
}, {
    window : win,
    input : field_name
});
return false;
}

和

file_browser_callback : 'myFileBrowser',

只需将其全部添加到主目录中

<script type="text/javascript"> tag

效果很好

使用此按钮打开 c5 文件浏览器，我可以正常使用它。

我可以说的是，c5 文件浏览器设置为与 CKEditor 一起使用，而不是 TimyMCE，所以这就是我遇到问题的地方

然后我在此链接上按照以下说明进行操作：

http://forum.filemanager.corefive.com/topic/how-do-i-get-a-value-back-from-the-filemanager-for-the-selected-file

这向我展示了如何让“选择”按钮显示在 Filemanager 中以及其他一些对我不起作用的信息。

如果我添加推荐的代码：

var selectItem = function (data) {
    var p = data['Path'];
    alert(p);
    $('#field_name', window.opener.document).val(p);
    window.close();
}

对于 filemanager.js，我可以让 alert(p); 工作，它给了我想要的图像的 URL，但窗口不会关闭，更不用说值了'p' 发回 TinyMCE 弹出窗口字段。

所以我现在有两个 javascript 弹出窗口一个在另一个之上打开，但是在 Filemanager 中选择图像时，我需要关闭文件管理器并将“p”的值传递回 TimyMCE 的“scr”字段插入/编辑图像”弹出表单。

很难解释！

向所有 Javascript 向导寻求帮助？

下面是原帖

有没有人知道如何集成 c5 Filemanager (http://forum.filemanager.corefive.com/#home) 和 TinyMCE 的教程，我已经做了一些搜索，但我找不到太多！我想在 TinyMCE 上的插入/编辑图像弹出窗口中添加一个浏览按钮，然后打开文件管理器并在单击图像 URL 字段时填充图像 URL？

【问题讨论】：

标签： javascript tinymce

【解决方案1】：

完成，一切尽在 TinyMCE 网站：

http://www.tinymce.com/wiki.php/How-to_implement_a_custom_file_browser

我只是看的不够远，我猜是因为我很惊讶 TinyMCE 会在这个问题上提供如此多的帮助。

var selectItem = function(data){
    var url = relPath + data['Path'];

    if(window.tinyMCEPopup){
        // use TinyMCE > 3.0 integration method
        var win = tinyMCEPopup.getWindowArg("window");
        win.document.getElementById(tinyMCEPopup.getWindowArg("input")).value = url;
        if (typeof(win.ImageDialog) != "undefined") {
            // Update image dimensions
            if (win.ImageDialog.getImageData)
                win.ImageDialog.getImageData();

            // Preview if necessary
            if (win.ImageDialog.showPreviewImage)
                win.ImageDialog.showPreviewImage(url);
        }
        tinyMCEPopup.close();
        return;
    }
}

代码已经存在于 filemanager.js 中，您只需删除所有 if(window.opener){ 代码，一切正常！

对于 c5 文件管理器和 TinyMCE 的所有人员，热爱您的工作！

【讨论】：