首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在可编辑内容的文本末尾插入表情符号/文本

问在可编辑内容的文本末尾插入表情符号/文本
EN

Stack Overflow用户
提问于 2022-01-11 15:49:14
回答 1查看 205关注 0票数 4

我正在尝试在内容可编辑区域插入一个表情符号。但是,每当我试图插入,它是插入在行的开头。

我在用

下面是我的代码示例

代码语言:javascript
复制
jQuery(document).on('click', 'a.fg-emoji-picker-item', function(){
    var emoji = jQuery(this).attr('href');
    var el = jQuery('.advanced-th-bp-activity-form');
    el.focus();
    pasteHTMLAtCaret(emoji);
});

pasteHTMLAtCaret函数是

代码语言:javascript
复制
function pasteHTMLAtCaret(html, selectPastedContent) {
    var sel, range;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.getRangeAt && sel.rangeCount) {
            range = sel.getRangeAt(0);
            range.deleteContents();
            var el = document.createElement("div");
            el.innerHTML = html;
            var frag = document.createDocumentFragment(), node, lastNode;
            console.log(frag);
            while ( (node = el.firstChild) ) {
                lastNode = frag.appendChild(node);
            }
            var firstNode = frag.firstChild;
            range.insertNode(frag);
            if (lastNode) {
                range = range.cloneRange();
                range.setStartAfter(lastNode);
                if (selectPastedContent) {
                    range.setStartBefore(firstNode);
                } else {
                    range.collapse(true);
                }
                sel.removeAllRanges();
                sel.addRange(range);
            }
        }
    } else if ( (sel = document.selection) && sel.type != "Control") {
        var originalRange = sel.createRange();
        originalRange.collapse(true);
        sel.createRange().pasteHTML(html);
        if (selectPastedContent) {
            range = sel.createRange();
            range.setEndPoint("StartToStart", originalRange);
            range.select();
        }
    }
}

​

​

看,表情符号是插入到第一个,认为这些表情是输入后的文字。

EN

回答 1

Stack Overflow用户

发布于 2022-11-08 05:03:09

你selection错了!它指向文本的开头,而不是需要插入emoji的点

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70669606

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档