Behave.js - A JavaScript Library To Add IDE-Style Behavior To HTML Text Areas
Behave.js - A JavaScript Library To Add IDE-Style Behavior To HTML Text Areas
Join the DZone community and get the full member experience.
Join For FreeJumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.
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
Take a look at the Indigo.Design sample applications to learn more about how apps are created with design to code software.
Like This Article? Read More From DZone
Published at DZone with permission of Hirvesh Munogee , DZone MVB. See the original article here.
Opinions expressed by DZone contributors are their own.
{{ parent.title || parent.header.title}}
{{ parent.tldr }}
{{ parent.linkDescription }}
{{ parent.urlSource.name }}