0

如果有人感兴趣，那就更接近c5 Filebrowser 如果我能让它全部工作，它看起来很酷！

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

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 Filebrowser 打开，我可以正常使用它。

我可以说的是 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？

4

1 回答 1

0

完成，一切都在 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 的所有人员，热爱您的工作！

于 2012-05-19T00:48:28.147 回答