ansaurus

Question

Answer 1

+1 A:

Once you've got hold of the text nodes containing the text you want highlighted, it's easy. How you get those depends on how generic you need this to be. As it is at the moment, before the user has edited it, the following will work:

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);

Tim Down 2010-09-22 21:31:40

Perfect. Now I know why I got an error. I missed a "firstchild".

runrunforest 2010-09-27 15:33:01

Thanks Tim..........

runrunforest 2010-09-27 15:43:23

ansaurus

tags:

views:

answers:

Select range in contenteditable div

related questions