Default textareas

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

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

Autoexpanding textareas

Required plugin

This feature requires the plugin file js/developr.auto-resizing.js

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

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

WYSIWYG editor

The template embeds a simple but complete WYSIWYG editor, CLEditor:

Basic use:

Markup

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

Javascript

// Init
var editorTextarea = $('#cleditor'),
	editorWrapper = editorTextarea.parent(),
	editor = editorTextarea.cleditor({
		width:	'100%',
		height:	350
	})[0];

// Update size when resizing
editorWrapper.sizechange(function()
{
	editor.refresh();
});