Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

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.

About

jQuery Fullscreen Editor

Resources

License

Releases

No releases published
You can’t perform that action at this time.