恢复位置后如何将插入符号移动到带有rangy的新行?

IT-*_*irl 5 javascript jquery caret rangy

在替换 contenteditable div 的 html 之前,我正在使用 rangy 手动将插入符号恢复到以前的位置。

这是将插入符号恢复到先前位置的代码:

 let newText = "I love squares <a href=#> #and </a> circles";
 sel = rangy.getSelection();
 savedSel = sel.saveCharacterRanges(textField[0]);
 textField.html(newText);
 sel.restoreCharacterRanges(textField[0], savedSel);
Run Code Online (Sandbox Code Playgroud)

请注意 | 指示当前插入符号的位置。插入符号将被放回主题标签(#and)后面:

我喜欢正方形#and |

矩形和圆形

但是我想用代码替换最后一行,以便在将插入符号恢复到以前的位置后将插入符号放在下一行:

我喜欢正方形#and

|矩形和圆形