Question

如果有人感兴趣的话，那就更近了 c5如果我可以全力以赴，那么Filebrowser看起来很酷！

我有“浏览”按钮出现在TimyMCE＆gt;通过将以下内容添加到 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 Filebrowser打开，我可以照常使用它。

我能说的是c5 filebrowser设置为与CKEditor一起使用而不是TimyMCE，所以这就是我遇到麻烦的地方

然后，我在此链接中按照以下说明操作：

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

这告诉我如何选择＆＃39;选择＆＃39;在Filemanager中显示的按钮以及其他一些对我不起作用的信息。

如果我添加推荐的代码：

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

对于filemanager.js，我可以警告（p）; 工作，它会给我一个sting到我后面的图像的URL，但窗口不会关闭，更不用说了价值＆＃39; p＆＃39;回到TinyMCE弹出窗口。

所以我现在有两个javascript弹出窗口打开另一个，但是在Filemanager中选择图像时，我需要关闭文件管理器以及＆＃39; p＆＃39;被传递给＆＃39; scr＆＃39; TimyMCE＆＃34;插入/编辑图像＆＃34;弹出窗体。

难以解释！

调用所有Javascript向导寻求帮助？

以下原帖

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

Answer 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 filemanager和TinyMCE的所有人，热爱你的工作！

c5 Filemanager和TinyMCE

1 个答案: