小编F.S*_*.S.的帖子

ContentEditable div-在更新内部html之后设置光标位置

我有一个拼写检查解决方案,该解决方案使用可编辑的内容,divspan在拼写错误的单词周围插入标签。每次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并添加节点,因此无法在更新之前保存范围并将其添加到选择对象中。

提前致谢。

html javascript dom contenteditable cursor-position

14
推荐指数
2
解决办法
1692
查看次数

使用对象标签的 PDF 查看器不适用于 Edge

我正在尝试使用对象标签内联显示 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 查看器的好方法是什么?谢谢你的帮助。

html pdf microsoft-edge

6
推荐指数
1
解决办法
8868
查看次数