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


jQuery Fullscreen Editor

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



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.



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

  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:


What's next?

  • Semi-rich WYSIWYG functionality
  • Syntax highlighting


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