计算选择开始和结束索引不考虑在IE中使用javascript的' r n '
我向用户显示的ID的XHtml将类似于以下内容。
<html iTag="d1e1" version="-//W3C//DTD XHTML 1.1//EN">
<head iTag="d1e3">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title iTag="d1e5">Every document must have a title</title>
</head>
<body iTag="d1e9">
<h1 iTag="d1e11" align="center">Very Important Heading</h1>
<b itag="dle13">Hi. Welcome to
Java world.</b>
<p iTag="d1e15">Since this is just a sample, I won't put much text here.</p>
</body>
</html>
如果用户在屏幕上选择“to Java world.Since”之类的内容,
所以selectin begin将是't'的位置。我需要计算选择从单独的直接父项开始,这意味着在“b”标记内,其标题为“dle13”,即“t”的位置。
同样的方式,选择结束在“p”标签中,iTag名称为“dle15”。我需要单独关于此标签的seelction end。
为此我们使用下面的java脚本代码..
if (document.selection) {
alert("IE");
txt = document.selection.createRange().text;
var range_all = document.body.createTextRange();
if (txt!='' )
{
// Finding start position
range = document.selection.createRange();
range.collapse(true);
startItag = range.parentElement().getAttribute("iTag");
var startParentElement = range.parentElement();
if(startItag == '' || startItag == null)
{
startItag = range.parentElement().parentNode.getAttribute("iTag");
startParentElement = range.parentElement().parentNode;
}
//alert("parentId:" + parentId);
alert("parent node name for start:" + range.parentElement().nodeName);
range_all.moveToElementText(startParentElement);
for (var sel_start = 0; range_all.compareEndPoints('StartToStart', range) < 0; sel_start ++)
range_all.moveStart('character', 1);
range = document.selection.createRange();
range.collapse(false);
range_all = document.body.createTextRange();
endItag = range.parentElement().getAttribute("iTag");
var endParentElement = range.parentElement();
if(endItag == '' || endItag == null)
{
endItag = range.parentElement().parentNode.getAttribute("iTag");
endParentElement = range.parentElement().parentNode;
}
alert("parent node name for end:" + range.parentElement().nodeName);
range_all.moveToElementText(endParentElement);
for (var sel_end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; sel_end ++)
range_all.moveStart('character', 1);
document.getElementById("startIndex").value= sel_start ;
document.getElementById("endIndex").value= sel_end ;
document.getElementById("startItag").value= startItag ;
document.getElementById("endItag").value= endItag ;
alert("sel_start:" + sel_start);
alert("sel_end:" + sel_end);
}
但是这个开始和结束的idex计算忽略了“新行(' r n')”
我还需要考虑' r n'来获得一个索引。
请求您帮助实现它..
没有找到相关结果
已邀请:
1 个回复
赐黄
提供了一个包装器,其API与在其他浏览器中找到的DOMѭ3相同。 UPDATE 现在可以在http://code.google.com/p/rangy上找到Rangy的早期版本