jQuery Fullscreen Editor
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
LICENSE.md first version, there you go Aug 27, 2013
README.md
bower.json
fseditor.css first version, there you go Aug 27, 2013
jquery.fseditor-min.js first version, there you go Aug 27, 2013
jquery.fseditor.js

README.md

jQuery Fullscreen Editor

A lightweight jQuery plugin that prettifies and transforms text fields into fullscreen text editors with two different transition options.

Demo

Installation

Add jQuery (1.7 or above), [jquery.fseditor.min.js] and [fseditor.css] to your project.

Basic usage

Simply initialize the plugin with the selector of your textfield.

$(".mytextarea").fseditor();

Options

The following is a list of available options. The values are their defaults within the plugin.

$(".mytextarea").fseditor({
  overlay: true,
  expandOnFocus: false,
  transition: '', // 'fade', 'slide-in',
  placeholder: '',
  maxWidth: '', // maximum width of the editor on fullscreen mode
  maxHeight: '', // maximum height of the editor on fullscreen mode,
  onExpand: function() {}, // on switch to fullscreen mode callback
  onMinimize: function() {} // on switch to inline mode callback
});

Public Methods

Following methods will help you to call function inside the plugin.

expand() : Triggers fullscreen mode

minimize() : Minimize the editor (inline mode)

destroy() : Removes the plugin completely and brings the native textfield back.

Example usage:

$(".mytextarea").fseditor('expand');

What's next?

  • Semi-rich WYSIWYG functionality
  • Syntax highlighting

Acknowledgements

© 2013, Burak Son. Released under the MIT License.