使用javascript在HTML中保存突出显示的文本位置

我可以使用window.getSelection（）选择文本如何在HTML代码中获取所选内容的开始和结束的字符位置？所以这些信息可以保存到服务器上。使用javascript在HTML中保存突出显示的文本位置

2010-08-09 Rana

我觉得没有内置函数来获取选择代码的开始和结束位置。你需要编写一些JS编码来获得这些位置。我写过简单的编码。我不确定它是否有用。但是，检查出来。

<html> 
    <head> 
     <script> 
      function GetSelectedText() 
      { 
       var fullString = "I feel there is no built-in functions for getting start and end position of selection code. you need to write some JS coding for getting these position. I've wrote just simple coding. I'm not sure whether it will be useful or not. But, check it out."; 
       if (window.getSelection) 
        {    
         var range = window.getSelection();      
         var startPosition = fullString.search(range); 
         var getPosition = range.toString(); 
         var endPosition = parseInt(getPosition.length) + parseInt(startPosition) 
         alert ("Start position : " + startPosition + " and End position : " + endPosition);   
        } 
       else 
        { 
         if (document.selection.createRange) 
         { 
          var range = document.selection.createRange(); 
          var startPosition = fullString.search(range.text); 
          var getPosition = range.text; 
          var endPosition = parseInt(getPosition.length) + parseInt(startPosition); 
          alert ("Start position : " + startPosition + " and End position : " + endPosition); 
         } 
        }  
      } 
     </script> 
    </head> 
    <body> 
     <button onclick="GetSelectedText()"> 
      Get 
     </button> 
     I feel there is no built-in functions for getting start and end position of selection code. you need to write some JS coding for getting these position. I've wrote just simple coding. I'm not sure whether it will be useful or not. But, check it out. 
    </body> 
</html>

对于这种编码，你需要在两个地方定义你的短信。一种是在JS编码中

var fullString =“??”

，另一个是车身的消息按钮下的/

来源

2010-08-09 11:35:50 ppshein

我得到0的开始和结束位置 – Rana 2010-08-09 20:30:58

对不起。我修复了一些错误并编辑了上面的代码。邓忘记遵循我的指示。 – ppshein 2010-08-10 02:12:08

这是一个好的开始。 – Rana 2010-08-22 05:38:34

我认为较短的方法是使用JavaScript的string.indexOf（）函数。它只是在较大的字符串中返回搜索字符串的起始索引，如果不存在则返回-1。结束索引可以通过将起始索引添加子字符串的长度来计算。

来源

2010-08-09 12:03:54

重复文字怎么样？如果用户选择“the”，indexOf的第一次出现可能不是选定的单词？ – Rana 2010-08-09 20:30:33

您无法可靠地根据文档的原始HTML源文件获取用户选择的偏移量。您只能根据节点内的节点和偏移量来获取它。我建议看看类似问题的以下答案：Calculating text selection offsets in nest elements in Javascript

来源

2010-08-10 20:50:10

使用javascript在HTML中保存突出显示的文本位置

回答

相关问题