Как получить выделенный текст, окружающий контекст в JavaScript в другом пункте? - PullRequest
Новая
       11

Как получить выделенный текст, окружающий контекст в JavaScript в другом пункте?

0 голосов
/ 05 декабря 2010

Привет У меня есть несколько проблем:

  1. Что я могу получить слово вокруг выбранного слова, если слово до и после выбранного слова ограничивает только 20 слов, которые окружают выбранное слово?
  2. как получить правильную позицию, если слово в абзаце содержит одно и то же слово, например, у меня есть такое предложение: foo laa foo doo затем я выбираю слово "foo" , положение которого находится между словами laa и doo ?

  3. как получить слово из другого абзаца?


    например:
    p1: мне нравится красная рубашка
    p2: моей маме не понравилась красная рубашка


    слово Iвыбрано «мама» , и мне нужно взять 10 слов вокруг слова «мама» , то есть «мне нравится красное платье» и «Мне не нравится красная рубашка».

Примечания: Вопрос № 2 может использовать nextSibling и previousSibling?

это мой код, который я пробую: 

<html>
<head>
<script type="text/javascript">
function getElements(){
  var x = document.getElementsByTagName("body");
  x = x[0].innerHTML;

  x = x.replace(/&(lt|gt);/g, function (strMatch, p1){
            return (p1 == "lt")? "<" : ">";});
  var str  = x.replace(/<\/?[^>]+(>|$)/g, "");



  var emailPattern = /[_a-zA-Z0-9\.]+@[\.a-zA-Z0-9]+\.[a-zA-Z]+/gi;
  var urlPattern = /[a-z]+:\/\/[^\s]+/gi;
  var numberOrSymbolPattern = /[0-9\.,!@#\$%\^\&*\(\)`~_\-=\+|\\{}\[\]\s:;<>\?\/]+/gi;

  //////alert(str);

  var str  = str.replace(emailPattern , " ");
  var str  = str.replace(urlPattern , " ");
  var str  = str.replace(numberOrSymbolPattern , " ");
  //////alert(str);
  var str  = str.replace(/[\n\f\r\t]/g, " ");

   var hilangtandabaca = str.replace(/[.!:;'",?]/g," ");

   var kataptg = hilangtandabaca;
   //alert(kataptg);
   var kata = new Array();
    kata[0] = " is ";
    kata[1] = " the ";
    kata[3] = " of ";
    kata[4] = " a ";
    kata[5] = " or ";
    kata[6] = " for ";
    kata[7] = " from ";
    kata[8] = " in ";
    kata[9] = " this ";
    kata[10] = " and ";
    kata[11] = " on ";
    kata[12] = " with ";
    kata[13] = " my ";

 for(var i=0,regex; i<kata.length; i++){
        var regex = new RegExp(kata[i],"gi");
        kataptg = kataptg.replace(regex," ");
    }

   var select = getSelected()+ "";
   alert(select);
   var index = kataptg.indexOf(select);
   //alert("indeks select text:" + index);
   if (index >= 0) {
    var strBefore = "";
    var strAfter = "";
    //var strOri ="";
    //if (index = -1)
    //strOri = kataptg.substr(index);
    //alert(strOri);
    if (index > 0)
    strBefore = kataptg.substr(0, index);
    //alert(strBefore);
    if (index < kataptg.length - 1)
    strAfter = kataptg.substr(index + select.length, kataptg.length - (index + select.length));
    //alert(strAfter);
    alert("Before: " + strBefore + "\nAfter: " + strAfter);
   }

}


function getSelected() {
   var userSelection;
   if (window.getSelection) {
      userSelection = window.getSelection();
   } else if (document.selection) {
       userSelection = document.selection.createRange();
   }
   return userSelection;
}


</script>
</head>                        
<body>
<h2>About</h2>
<p> my email : a@a.a
<p> my url http://id.wikipedia.org/wiki/URL
<p> my telepon number = 081330782
<p>okey In agriculture, the harvest is the process of gathering mature crops from the fields. Reaping is the cutting of grain or pulse for harvest, typically using a scythe, sickle, or reaper.[1] The harvest marks the end of the growing season, or the growing cycle for a particular crop, and this is the focus of seasonal celebrations of on many religions. On smaller farms with minimal mechanization, harvesting is the most labor-intensive activity of the growing season great yeah. !:;'",?</p>

<p>
<input type="button" onclick="getElements()" value="ambil select text" />
</p>

</body>
</html>

1 Ответ

1 голос
/ 05 декабря 2010

Это прекрасный пример методов JavaScript innerHTML и split(). Вы можете просматривать содержимое всех элементов p. Вот пример поиска в первом абзаце: 

contentArray = document.getElementByTagName('p')[0].innerHTML.split(' ')

split(' ') разбивает содержимое элемента на массив, разделяя его пробелами. innerHTML говорит само за себя.

Теперь, чтобы найти ваши слова. indexOf() ваш друг в этом случае: 

foodex = contentArray.indexOf('foo');
alert('The first occurrence of the string \'foo\' in the text is at word number ' + foodex);

Наконец, чтобы получить окружающие слова, просто поиграйте с массивом (это не сработает, если вхождение строки близко к началу или концу абзаца, а именно на расстоянии менее 10 слов) 

alert('I am the 10th word after \'foo\'' + contentArray[foodex + 10 - 1]);

Удачи (нет гарантий, этот код работает из коробки)!

...