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

Question

我正在为我的项目使用 elFinder。一切运行良好，但我还需要一个功能。我想，当我双击图像时，在 textarea 中插入img标签。我怎样才能做到这一点。我正在使用 elFinder 的标准配置，那里没有任何改变。

Answer 1

添加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');