我正在尝试在内容可编辑区域插入一个表情符号。但是,每当我试图插入,它是插入在行的开头。
我在用
下面是我的代码示例
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函数是
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();
}
}
}

看,表情符号是插入到第一个,认为这些表情是输入后的文字。
发布于 2022-11-08 05:03:09
你selection错了!它指向文本的开头,而不是需要插入emoji的点
https://stackoverflow.com/questions/70669606
复制相似问题