Jquery 1.8.3，elFinder - 點擊圖片並在textarea中插入img標籤

Question

我正在爲我的項目使用elFinder。一切正常，但我需要一個更多的功能。我想，當我雙擊圖像，插入img標籤在textarea。我怎樣才能做到這一點。我正在使用elFinder的標準配置，在那裏沒有任何改變。

Answer 1

添加getFileCallback功能放置img標籤在您的textarea：

$('#elfinder').elfinder({ 
    // ... 
    onlyMimes: ["image"], 
    getFileCallback: function(file) { 
     var parent = (window != window.top) ? window.parent : window.opener; 
     var textarea = window.opener.document.querySelector('#id_textarea_to_insert_img_tag'); 
     var startPos = textarea.selectionStart; 
     var endPos = textarea.selectionEnd; 
     textarea.value = textarea.value.substring(0, startPos) 
      + '<img src=\"' + file.url + '\" title=\"\" alt=\"\" />' 
      + textarea.value.substring(endPos, textarea.value.length); 
    }, 
}).elfinder('instance');