2011-06-30 46 views
2

我已經爲TinyMCE編寫了自己的圖片上傳器,但我仍然有一個困境:如何選擇要在TinyMCE advimage彈出窗口的「圖片URL」字段中顯示的圖像?TinyMCE Image URL select

當我點擊「圖片網址」字段旁邊的按鈕時,我的圖片上傳器會在另一個彈出窗口中打開。所以我需要從彈出窗口中獲取圖片網址,並將其插入到該字段的其他彈出窗口中。我可以很容易地找到路徑,但我不知道如何將它插入到其他地方。

有什麼想法?

回答

2

我使用jQuery的建立,這裏是我從自定義filebrowser內使用部分代碼:

$('.my-image').click(function() {// Change this to your event/selector 

    var $src = $(this).val();// Change this to whatever the image path is 
    if (! $src) return false; 

    // Find the iframe within the popup 
    var $input = $(window.top.document) 
    .find('iframe[src*="advimage/image.htm"]') 
    .contents() 
    .find('input#src'); 

    // Trigger the preview and fill in the image dimensions 
    $input.val($src).change(); 

    return false; 
}); 

也許不是最完美的解決方案,但它已經爲我工作好幾年。希望這可以幫助。

+0

不確定發生了什麼事在這一個語法高亮... –

+0

嘿嘿,這只是我提出後,我提出了這個問題的想法!我有一個問題,但:與'window.top.document'代碼返回相同的窗口,而不是與圖像字段的窗口:(哦..順便說一句:我使用的是彈出窗口,而不是內置頁框 – Marian

+0

嗯,我也使用jQuery UI作爲對話框窗口,因此iframe實際上是頂層窗口的一部分,您必須根據自己的具體情況進行調整 - 這主要是爲了給您一個想法,並讓您知道這肯定是可能的。我的個人實現真的被欺騙了,所以我給了你一個片段,而不是針對iframe,只需指向表單所在的任何元素。在做出選擇之後,還需要一些關閉彈出窗口。 –