make textarea fullscreen jquery (pour utilisation comme éditeur de code)

Question

J'ai une zone de texte dans laquelle les utilisateurs peuvent taper le code source (html/css/js). Je veux être en mesure de les laisser cliquer sur un lien "passer en plein écran" pour faire l'éditeur en plein écran.

Bien sûr, cela devrait fonctionner sur n'importe quelle résolution et doit également redimensionner quand un utilisateur redimensionne sa fenêtre.

J'ai trouvé ce plugin, http://plugins.jquery.com/project/fulltextarea, mais il ne se redimensionne pas lorsque les fenêtres du navigateur sont redimensionnées.

Des conseils ou des plugins pour celui-ci?

Answer 1

Vous pouvez gérer l'événement si vous voulez:

var $window = $(window); 
var $textarea = $('#yourTextArea'); 
$window.resize(function() { 
    $textarea.height($window.height()); 
    $textarea.width($window.width()); 
}); 

je recommande également étranglant l'événement à l'aide https://github.com/cowboy/jquery-throttle-debounce afin que l'événement resize ne se déclenche pas trop souvent

var $window = $(window); 
var $textarea = $('#yourTextArea'); 
var resizeTextarea = function() { 
    $textarea.height($window.height()); 
    $textarea.width($window.width()); 
}; 
// create the resize handler, but throttle it 
$window.resize($.throttle(250, resizeTextarea));