Submit your textarea through a simple press on 'Enter' with jQuery
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.travis.yml
LICENSE
README.md
example.html
jquery.shiftenter.css
jquery.shiftenter.js

README.md

jquery-shiftenter is a jQuery plugin that makes it easy to allow submitting a form with textareas using a simple press on 'Enter'. Line breaks (newlines) in these input fields can then be achieved by pressing 'Shift+Enter' (alternatively 'Ctrl+Enter'). Additionally a hint is shown.

Usage:

To use this plug-in just add jquery.shiftenter.js and jquery.shiftenter.css to your document and attach it to your textareas:

$(document).ready(function() {
    $('textarea').shiftenter();
});

See example.html for an example usage.

Settings:

$('textarea').shiftenter({
    focusClass: 'shiftenter',             /* CSS class used on focus */
    inactiveClass: 'shiftenterInactive',  /* CSS class used when no focus */
    hint: 'Shift+Enter for line break',   /* hint shown */
    metaKey: 'shift',                     /* meta key that triggers a line-break, allowed values: 'shift', 'ctrl' */
    pseudoPadding: '0 10'                 /* padding (bottom, right) of hint text */
});

You can adjust the style in jquery.shiftenter.css

Other things you might want to use along with jquery-shiftenter:

Unit tests:

Point your browser to test/index.html to start the QUnit tests. current build status

Changelog:

  • MASTER: Fix test cases to work with Firefox 6.0
  • 0.0.4: Also allow for CTRL instead of SHIFT, fix resize for Google Chrome
  • 0.0.3: Change the way how the hint is positioned and improve resize handling.
  • 0.0.2: React to textarea resizes and fix position of hint
  • 0.0.1: Initial release

Licensed under the MIT-License

Report issues to https://github.com/cburgmer/jquery-shiftenter/issues

Contact me under Christoph Burgmer (cburgmer -[at]- ira [dot] uka [dot] de)