Textareas

Default textareas

Default textarea

<textarea class="input">Default textarea</textarea>

Full-width textarea

<textarea class="input full-width">Default textarea</textarea>

Autoexpanding textareas

To enable auto-resizing on a textarea, just add the class autoexpanding:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<textarea class="input full-width autoexpanding">...</textarea>

Since v1.5, a custom event is available to manually trigger a resize on the textarea:

$('#textarea').trigger('jsautoexpand');

WYSIWYG editor

Since v1.5, the template embed the powerful CKEditor:

Basic use:

Markup

<textarea id="ckeditor">...</textarea>

Javascript

Simply pass the textarea ID to the main method:

CKEDITOR.replace( 'ckeditor', {
	height: 300
});

To learn more on how to use this plugin, go to http://docs.ckeditor.com/

The template was previously bundled with CLEditor, but this plugin was dropped because it is not compatible with jQuery 1.9 and this is unlikely to be fixed anytime soon. Anyway, if you still want to use it, simply load the jQuery Migrate Plugin along with it, it will bring back the required deprecated features required by CLEditor.