텍스트 영역 전체 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()); 
}); 

는 I는 또한 크기 조정 이벤트가 너무 자주

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