jQuery Plugin For Textarea Fullscreen Mode - Download jQuery Plugin For Textarea Fullscreen Mode

Download jQuery Plugin For Textarea Fullscreen Mode

Posted on

This time I will share jQuery Plugin and tutorial about jQuery Plugin For Textarea Fullscreen Mode, hope it will help you in programming stack.

jQuery Plugin For Textarea Fullscreen Mode - Download jQuery Plugin For Textarea Fullscreen Mode
File Size: 9.08 KB
Views Total: 3560
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Textarea Fullscreen is a tiny jQuery plugin that allows you to display the textarea in a fullscreen modal window. Click the ‘fullscreen’ icon inside your textarea to toggle the fullscreen mode.

How to use it:

1. Load the latest version of jQuery library from a CDN.

2. Load the jQuery textarea fullscreen plugin’s CSS and Javascript in the document.

1 <link href="textareafullscreen.css" rel="stylesheet">
2 <script src="jquery.textareafullscreen.js"></script>

3. Create a regular textarea in the document.

1 <textarea id="demo"></textarea>

4. Call the plugin on the textarea and set the optional settings.

1 $(document).ready(function() {
2   $('#demo').textareafullscreen({
3     overlay: true, // Overlay
4     maxWidth: '80%', // Max width
5     maxHeight: '80%' // Max height
6   });
7 });

Change log:

2016-12-23

  • Allows to Open using a keyboard shortcut instead of a button

This awesome jQuery plugin is developed by CreoArt. For more Advanced Usages, please check the demo page or visit the official website.

source : jqueryscript.net