Markieren einer Zeichenfolge in einer TextArea

Question

Ich versuche, ein Stück Text in einem "Textarea" hervorzuheben. Ich habe eine lange Zeichenfolge in diesem TextArea-:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident 

Und ich habe eine Funktion, die die erste Zeichenfolge Auftreten extrahieren kann, die zwischen den „begin“ und „end“ Vars ist. Zum Beispiel:

extract("ipsum", "consectetur") // This will give: "dolor sit amet," 

Aber, was ich will, ist das Ergebnis der Funktion zu wählen, so dass die resultierende Zeichenfolge „dolor sit amet,“ wird hervorgehoben.

Ist es möglich? Wie kann ich das tun?

Danke,

Grüße.

Answer 1

Ich erinnere mich, dies vor einer Weile zu sehen ... http://www.din.or.jp/~hagi3/JavaScript/JSTips/Mozilla/Samples/NSHTMLTextAreaElement.htm

Es ist ziemlich kompliziert, und ich konnte nie ganz um ihn herum, meinen Kopf zu bekommen belästigt werden. Weiß nicht, ob Sie das brauchen oder ob Sie es überhaupt benutzen können. :)

Answer 2

Sie können verschiedene Textteile in einem Textarea nicht markieren. Sie können ein Teil auswählen, aber nicht mehrere Teile, und die Auswahl wird nicht hervorgehoben. Sie können den Inhalt des Textbereiches nehmen und aber ein <div> zum Beispiel und die Phrasen hervorheben, indem sie mit <span class="highlight">...</span>

Answer 3

Hier Umgebung ist ein Code, der eine Reihe von Text in einem Textfeld in allen gängigen Browsern, einschließlich IE wählen wird 6+ :

function offsetToRangeCharacterMove(el, offset) { 
    return offset - (el.value.slice(0, offset).split("\r\n").length - 1); 
} 

function setSelection(el, start, end) { 
    if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") { 
     el.selectionStart = start; 
     el.selectionEnd = end; 
    } else if (typeof el.createTextRange != "undefined") { 
     var range = el.createTextRange(); 
     var startCharMove = offsetToRangeCharacterMove(el, start); 
     range.collapse(true); 
     if (start == end) { 
      range.move("character", startCharMove); 
     } else { 
      range.moveEnd("character", offsetToRangeCharacterMove(el, end)); 
      range.moveStart("character", startCharMove); 
     } 
     range.select(); 
    } 
} 

var textarea = document.getElementById("your_textarea"); 
var val = textarea.value; 
var start = val.indexOf("ipsum") + 5, end = val.indexOf("consectetur"); 
setSelection(textarea, start, end);