H5编辑器核心算法和思想-遁地龙卷风

代码和特性在chrome49下测试有效。

文本渲染的本质是对文本节点的渲染，通过浏览器内置的对象Range可以获得选择的起始点、与终止点

 

var range = getRangeObject();
var start = range.startOffset,
end = range.endOffset;
var startContainer = range.startContainer;
var endContainer = range.endContainer;

getRangeObjec代码如下

function getRangeObject(){

if(window.getSelection)
{
var selection = window.getSelection();
if(selection.rangeCount > 0)
{
return selection.getRangeAt(0);
}
}
else if(document.selection)
{
return document.selection.createRange(); 
}
return null;
};

View Code