Jquery 1.8.3, elFinder -点击图像并在文本区插入img标签

Jquery 1.8.3, elFinder - click on image and insert img tag in textarea

本文关键字：文本区 插入 标签 img 图像 -点 elFinder Jquery      更新时间：2023-09-26

我正在使用elFinder为我的项目。一切正常，但我还需要一个功能。我想，当我双击图像，插入img标签在文本区。我怎么能做到呢?我使用的是elFinder的标准配置，没有任何改变。

添加getFileCallback函数来放置img标签:

$('#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');
相关文章：