移动到最后一个带有 rangy 的字符

Question

我有一个 contenteditable div，我想将范围移动到当前范围之后的一个字符。

我现在想检查插入符号后面的字符是否是某个字符，如果是则在它后面放置插入符号[=12=]

我使用此代码但它不起作用

 placeCaretAfterHiddenCharacter:function(containerEl,afterCharacters) {
    var afterChar = "", sel, range, afterRange,rangeHtml;
    sel = rangy.getSelection();
    if (sel.rangeCount > 0) {
        range = sel.getRangeAt(0).cloneRange();
        var endRange = rangy.createRange();
        endRange.selectNodeContents(containerEl);
        endRange.collapse(false);

        range.setEnd(containerEl, endRange.endOffset);

        var div = this.cloneSelectionInDiv(range);
        //to get string as html as range removes the html and returns the text only
        rangeHtml = div.innerHTML;
        afterChar = rangeHtml.slice(afterCharacters-1);

        if(/[\u200B\u200C\u200D\uFEFF\u2028\u2029]/g.test(afterChar)) {
            range.setStartAfter(range.startContainer,range.startOffset);
            range.collapse(true);
            sel.addRange(range);
        }

    }
},

afterChar 设置正确，但插入符号没有移动。

如何做到这一点？

Answer 1

您可以使用 Rangy 1.3 的 TextRange module。例如，要将插入符号向前移动一个字符，您可以执行以下操作：

rangy.getSelection().move("character", 1);

移动到最后一个带有 rangy 的字符

Move to the end one character with rangy

javascript

range

selection

contenteditable

rangy