我有一个拼写检查解决方案,该解决方案使用可编辑的内容,div并span在拼写错误的单词周围插入标签。每次div更新的内部html时,光标就会移动到的开头div。
我知道,div如果用户将新单词添加到句子的末尾(下面的代码),我可以将光标移到末尾。
旧文本:这是拼写检查器|
新文本:这是拼写检查器解决方案|
var range = document.createRange();
range.selectNodeContents(element[0]);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
Run Code Online (Sandbox Code Playgroud)
但是,如果用户在句子中间添加单词,则无法保留光标位置。
旧文本:这是一个拼写检查器
新文本:这是一个新的拼写检查器|
在上述情况下,光标应移至div“ new”之后的末尾。
如何保持光标位置?由于我正在更新html并添加节点,因此无法在更新之前保存范围并将其添加到选择对象中。
提前致谢。
我正在尝试使用对象标签内联显示 PDF 文档 - 它在 Chrome 和 Firefox 中按预期工作,但在 Edge 中不起作用。
示例代码:
<object id="pdfObj" data="http://www.pdf995.com/samples/pdf.pdf" type="application/pdf" target="_parent">
</object>
Run Code Online (Sandbox Code Playgroud)
Plunker:http ://plnkr.co/edit/wH9ECcwkx3vHFv43xTo5?p=preview
在 Edge 中显示 PDF 查看器的好方法是什么?谢谢你的帮助。