make textarea fullscreen jquery（用作代码编辑器）

Question

我有一个文本区域，用户可以在其中键入源代码（html/css/js）。我希望能让他们点击“切换到全屏”链接来使编辑器全屏。

当然，这应该适用于任何分辨率，并且还必须在用户调整窗口大小时调整大小。

我发现这个插件，http://plugins.jquery.com/project/fulltextarea，但它没有调整大小，当浏览器窗口调整大小。

这个的任何提示或插件？

Answer 1

，如果你想你可以处理该事件：

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

我也建议使用节流https://github.com/cowboy/jquery-throttle-debounce使resize事件不会触发过于频繁

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));