HTML5 Zone is brought to you in partnership with:

Hirvesh Munogee is a freelance web developer who also happens to have a passion for blogging. Hirvesh is a DZone MVB and is not an employee of DZone and has posted 175 posts at DZone. You can read more from them at their website. View Full User Profile

Behave.js - A JavaScript Library To Add IDE-Style Behavior To HTML Text Areas

01.26.2013
| 1528 views |
  • submit to reddit

 

Behave.js is a lightweight JavaScript library which allows you to augment plain HTML text areas to have IDE-like behavior.

Behave.js includes several features as listed below:

  • Replace Tab – Pressing the tab key will insert a tab character in the text area instead of cycling through control on the page.
  • Soft Tabs – Instead of using the tab character to denote tabs, spaces are used instead, with the ability to set the soft tabs size.
  • Auto Open - Behave.js automatically inserts closing counterpart characters for ( { [ “ and .
  • Overwrite Closing Characters – If you type a closing character immediately preceding the same character, one of the duplicate characters is deleted.
  • Auto Strip – If the cursor is placed between two paired characters, pressing backspace to delete the first character results in both characters to be deleted.
  • Auto Indent – Using this option allows Behave.js to auto indent your code.

Naturally, all of the above options are optional and can be activated and  deactivated as required.

Requirements: None
Demo: http:/ / jakiestfu. github. com/ Behave. js/
License: MIT License

Published at DZone with permission of Hirvesh Munogee, author and DZone MVB. (source)

(Note: Opinions expressed in this article and its replies are the opinions of their respective authors and not those of DZone, Inc.)