A simple plugin to automatically adjust textarea height to fit text
using rows attribute
A demo example can be found at kipruss.github.io/jquery-autoresize
Load the plugin and use jQuery to find the desired textarea elements on which to call the plugin method. Setting a parameter rows in html code
is appropriate to avoid a shake of the textarea while a page is loading.
This parameter might be equal to parameter minRows or 1 if parameter
minRows is not specified.
<textarea class="js-textarea" rows="1"></textarea>
<textarea class="js-textarea-minrows" rows="3"></textarea>
<textarea class="js-textarea-maxrows" rows="1"></textarea>
<textarea class="js-textarea-minmaxrows" rows="2"></textarea>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js/jquery.autoresize.min.js"></script>
<script>
$(function() {
$('.js-textarea').autoResize();
$('.js-textarea-minrows').autoResize({minRows: 3});
$('.js-textarea-maxrows').autoResize({maxRows: 3});
$('.js-textarea-minmaxrows').autoResize({minRows: 2, maxRows: 3});
});
</script>- Install or update
nodeandnpm
- Clear NPM's cache: `sudo npm cache clean -f`
- Install a little helper called 'n': `sudo npm install -g n`
- Install latest stable _NodeJS_ version: `sudo n stable`. Alternatively pick a specific version and install like this: `sudo n 0.8.20`
- Install latest gulp version
```bash
npm install gulpjs/gulp#4.0
```
- Add string in your
.bashrcor launch in console:
```bash
export PATH="./node_modules/.bin:$PATH"
```
-
Install all packages:
npm install -
Run building system
- for run examples page `gulp dev` or just for building: `gulp build`
- Run js test
- run `gulp lint`
Released under the MIT License