在可编辑的目录中选择范围
在可编辑的目录中选择范围
提问于 2010-09-23 01:13:36
我有一个contenteditable div和几个段落。
下面是我的代码：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="main" contenteditable="true"
style="border:solid 1px black; width:300px; height:300px">
<div>Hello world!</div>
<div>
<br>
</div>
<div>This is a paragraph</div>
</div>
</body>
</html>假设我想要选择一个包含字符串"world！This is“的范围。
如何做到这一点？
回答 1
Stack Overflow用户
回答已采纳
发布于 2010-09-23 05:31:41
一旦您掌握了包含想要突出显示的文本的文本节点，就很容易了。如何获得这些依赖于你需要的通用性。就目前而言，在用户对其进行编辑之前，将执行以下操作：
var mainDiv = document.getElementById("main");
var startNode = mainDiv.firstChild.firstChild;
var endNode = mainDiv.childNodes[2].firstChild;
var range = document.createRange();
range.setStart(startNode, 6); // 6 is the offset of "world" within "Hello world"
range.setEnd(endNode, 7); // 7 is the length of "this is"
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3771824
复制相关文章
相似问题