Jquery 1.8.3，elFinder - 单击图像并在textarea中插入img标签

Question

我正在为我的项目使用elFinder。一切都运作良好，但我还需要一个功能。我想，当我双击图片时，在textarea中插入 img 标签。我怎样才能做到这一点。我正在使用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');