Full Screen Textbox / TextArea with jQuery Fullscreen Editor
Have you ever seen a full screen text editor? You can also add it in your website with a free to available jQuery plugin jQuery Fullscreen Editor. This can be used either inside a form or standalone. After integrating it in a text field or text area, it transforms it into a customizable editors with a full screen option at top right side.
It is easy to use and integrate. You only need to include the css and jS file of the plugin and you are done. With a single line of code, you can add fullscreen mode in any text field or text area.
There are various options also available which you can use as per your need.
Key Features of jQuery Fullscreen Editor
- Flexible fullscreen mode
- Works on mobile – and major desktop browsers
- Comes with two different transitions
- Only ~4kb (minified)
How to use
<link rel="stylesheet" href="fseditor.css" type="text/css" media="all"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="jquery.fseditor.min.js"></script> <script> $(".mytextarea").fseditor(); </script>
mytextarea is the class of textarea or text field on which you want to add full screen mode.
Try this plugin and share how it works. If you are facing any kind of problem in implementing this plugin, you can comment below.