Anzeige der Zeilennummer in der textarea

Möchte ich die Anzeige der Zeilennummer in einer textarea, wie dies möglich ist in jQuery:

Suchte ich nach Antworten auf SO, aber ich kann nicht finden, was ich will

Anzeige der aktuellen Zeilen-und Spaltennummer für eine textarea

Begrenzen Sie die Anzahl der Zeilen in der textarea-Komponente und Display die Anzahl der Zeilen mit jQuery

Auch, die Lösung, die ich habe versucht, aus dem JSFiddle zur Verfügung gestellt von den Kommentaren zeigen mir die textarea so:

Anzeige der Zeilennummer in der textarea

welche Zeile 1234 ist die erste Zeile und die zweite Zeile ist 5678

mögliche Duplikate von Html-hinzufügen von Zeilennummern zu textarea
habe ich versucht hat nicht funktioniert
Ich habe gerade kopiert und eingefügt werden in einem jsFiddle aus dem ersten Beispiel und habe so etwas in 30 Sekunden oder weniger - jsfiddle.net/JamesHill/jMZKz
Was genau hast du probiert? Den verlinkten thread listet ein paar Lösungen zu deinem problem. Wenn Sie versucht haben, zu implementieren ist einer von Ihnen und es nicht funktioniert, beschreibe, was du ausprobiert hast bereits und poste den code, damit wir Ihnen helfen können.
siehe meine aktualisierte Antwort

InformationsquelleAutor aki | 2011-12-08

22

Downloaden Sie das plugin hier gefunden: http://alan.blog-city.com/jquerylinedtextarea.htm

Verwendung:
```
$(function() {

  //Target all classed with ".lined"
  $(".lined").linedtextarea(
    {selectedLine: 1}
  );

  //Target a single one
  $("#mytextarea").linedtextarea();

});
```
Voll funktionsfähige demo: http://files.aw20.net/jquery-linedtextarea/jquery-linedtextarea.html

genial vielen Dank!
Jede Lösung für diejenigen, die verwenden word-wrap: break-word?
Link appers tot. Neues link gefunden werden kann hier. Getestet plugin witj jQuery 1.8 und es hat nicht richtig funktioniert als browser hängt (Chrome und Firefox).Versuchen zu schmal problem.
Jede chance, die Sie aktualisiert zu werden, so reagieren die textarea-Komponente wird die Größe (und nehmen die Breite der Eltern)? Egal, tolle Arbeit! Ich werde versuchen und zu Bearbeiten, aber es ist ziemlich high-end .js-Datei für mich! 🙂

InformationsquelleAutor James Hill

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.