0

誰かが興味を持っているならもっと近づくc5Filebrowserは、私がそれをすべて機能させることができれば、かなりクールに見えます!

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

そしてそれはうまくいきます

このボタンでc5Filebrowserが開き、通常どおりに遊ぶことができます。

私が言えることは、c5 filebrowserはTimyMCEではなくCKEditorで動作するように設定されているため、ここで問題が発生しているということです。

次に、このリンクで次の手順に従いました。

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

これは、ファイルマネージャに表示する「選択」ボタンと、私には機能しないその他の情報を取得する方法を示しています。

推奨コードを追加した場合:

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

filemanager.jsに対して、alert(p);を取得できます。動作するように、それは私が探している画像へのURLを教えてくれますが、TinyMCEポップアップフィールドにポストバックする「p」の値は言うまでもなく、ウィンドウは閉じません。

これで、2つのJavaScriptポップアップを重ねて開くことができますが、Filemanagerの画像の選択で、filemangerを閉じて、TimyMCEの「Insert/Edit」の「scr」フィールドに「p」の値を戻す必要があります。画像」ポップアップフォーム。

説明するのは難しい!

ヘルプを求めてすべての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 filemanager と TinyMCE のすべての人に、あなたの仕事を愛してください!

于 2012-05-19T00:48:28.147 に答える