Jquery 1.8.3, elFinder - 이미지를 클릭하여 텍스트 영역에 img 태그 삽입

Question

내 프로젝트에 elFinder를 사용하고 있습니다. 모든 것이 잘 작동하지만 한 가지 더 많은 기능이 필요합니다. 이미지를 더블 클릭하면 img 태그를 텍스트 영역에 삽입하고 싶습니다. 어떻게해야합니까? elFinder에 대한 표준 구성을 사용하고 있습니다. 아무 것도 변경되지 않았습니다.

Answer 1

당신의 텍스트 영역에서 IMG 태그를 배치 getFileCallback 기능을 추가

$('#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');