我有这个选择:
let selection = window.getSelection();
而这个元素参考:
@ViewChild('contentEditable') public el: ElementRef;
例如,这个文本在contenteditable elementRef中:
This is some text
我选择’some’然后丢失了选择但是使用getSelection()将其保存在selection属性中.我如何在elementRef上重新设置它?
解决方法
我把输入与contentEditable混淆了.使用contentEditable,您需要使用范围来获取选择并设置选择.
要获得选择:
let range = document.createRange(); range = window.getSelection().getRangeAt(0); this.rangeClone = range.cloneRange();
这使用了Javascript中Selection和Range对象的组合.有关详细信息,请阅读文档:
要设置选择:
this.el.nativeElement.focus(); const sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(this.rangeClone);
This.el看起来像这样:
@ViewChild('contentEditable') public el: ElementRef;