Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

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

DZone's Guide to

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

· Web Dev Zone ·
Free Resource

Learn how error monitoring with Sentry closes the gap between the product team and your customers. With Sentry, you can focus on what you do best: building and scaling software that makes your users’ lives better.

 

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

What’s the best way to boost the efficiency of your product team and ship with confidence? Check out this ebook to learn how Sentry's real-time error monitoring helps developers stay in their workflow to fix bugs before the user even knows there’s a problem.

Topics:

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}