JavaScript Library For Editable Box with Line Numbers – NumberedTextBox

Preview:

Description:

NumberedTextBox is a pure JavaScript library that converts an html element into an editable, resizable text box with support for line numbers.

How to use it:

Download and include the lntextarea.js script on your web page.

<script src="lntextarea/lntextarea.js"></script>

Addthe required CSS class ‘numberedTextBox’ to a DIV element and you’re done.

<div class="numberedTextBox">
  ...
</div>

Disable resizable option using data-resizable attribute.

<div class="numberedTextBox" data-resizable="true">
  ...
</div>