Syntax-Highlighter erkennt keine neue Linie

Question

ich dieses Plugin bin mit Textbereich markieren:

http://www.jqueryscript.net/text/jQuery-Based-Text-Highlighter-For-Textarea.html

$('textarea').textareaHighlighter({ 
    matches: [ 
    { 
     'match': ['hello','dear','this is a test', 'text to match'], // will check for this matches 
     'matchClass': 'match'    // on matched text this class will be added 
    } 
    ] 
}); 

die Farbe erscheinen, aber nicht in den guten Plätzen, ist es nicht erkennen endet der Linie.

, wenn ich den Debug-Modus aktivieren:

$('textarea').textareaHighlighter({ 
    debug: true, 
    matches: [ 
     { 
     'match': ['hello','dear','this is a test', 'text to match'], // will check for this matches 
     'matchClass': 'match'    // on matched text this class will be added 
    }, 
     { 
      'match': /([\%'])(?:(?=(\\?))\2.)*?\1/g, 
      'matchClass': 'tags' 
     } 
    ] 
}); 

ich dieses Ergebnis:

hier ist eine Demo https://jsfiddle.net/9at1jgfv/1/

Answer 1

Schließlich nach einer Stunde Suche in der Website Quelle: http://www.jqueryscript.net/demo/jQuery-Based-Text-Highlighter-For-Textarea/

fand ich die Lösung, indem Sie eine Klasse hinzufügen:

.target { 
     overflow: hidden; 
     border: 1px solid #ddd; 
     border-radius: 3px; 
     resize: none; 
     white-space: pre-wrap;  <----------------- the magic solution 
     background-color: #f9f9f9; 
     -webkit-appearance: none; 
    } 


<textarea class="target" name="message" required="true" style="width:600px; height:470px;"> hello, 

    I'm using this is a test. 

    thank you dear 
</textarea> 

und ich hoffe, dass dies jemand in der Zukunft helfen wird.