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