Add Line Numbers To Texarea Element – ta-ln.js

Category: Form , Javascript | July 4, 2020
Views Total:2,093 views
Official Page:Go to website
Last Update:July 4, 2020


Add Line Numbers To Texarea Element – ta-ln.js


ta-ln.js is a tiny (less than 1kb) JavaScript solution to add line numbers to the native <textarea /> element.

The line numbers will automatically increase or decrease with the size of the content you typed in the textarea.

How to use it:

1. Load the minified version of the ta-ln.js library at the end of the HTML page.

<script type="text/javascript" src="ta-ln.min.js"></script>

2. Add line numbers to the existing textarea element.

<textarea id="myInput"></textarea>
var input = document.getElementById("myInput");
input.addEventListener("input", LNPrefix.bind(this, input));

You Might Be Interested In:

Leave a Reply