Zeilennummern zu HTML-Textarea hinzufügen: Eine Anleitung
Beim Umgang mit
CodeMirror
Das am meisten empfohlene Tool zum Hinzufügen von Zeilennummern zu Textbereichen ist CodeMirror. Dabei handelt es sich um eine beliebte Open-Source-JavaScript-Bibliothek, die zahlreiche Funktionen zur Textbearbeitung bietet. Um CodeMirror zu verwenden, schließen Sie einfach die Bibliothek ein und instanziieren Sie sie mit den entsprechenden Optionen.
Live-Demo
Hier ist eine funktionierende Demo, die die Verwendung von CodeMirror für die Zeilennummerierung veranschaulicht:
var editor = CodeMirror.fromTextArea(document.getElementById('code'), { lineNumbers: true, mode: 'text/x-perl', theme: 'abbott', });
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/mode/perl/perl.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/codemirror.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/6.65.7/theme/abbott.min.css"> <textarea>
Zusätzlich Tipps
Wenn Sie Probleme mit Zeilennummern haben, die nicht mit den tatsächlichen Zeilen übereinstimmen, ist es möglich, dass die Punkte pro Zoll (DPI) Ihres Monitors auf mehr als 100 % eingestellt sind. CodeMirror berücksichtigt dies, andere Lösungen jedoch möglicherweise nicht.
Fazit
CodeMirror ist eine zuverlässige und leistungsstarke Lösung zum Hinzufügen von Zeilennummern zu Textbereichen in HTML. Es bietet eine Reihe von Anpassungsoptionen und lässt sich nahtlos in HTML-Elemente integrieren.
Das obige ist der detaillierte Inhalt vonWie kann ich einem HTML-Textbereich Zeilennummern hinzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!