我有一个文本区域,用户可以在其中键入源代码(html/css/js)。我希望能让他们点击“切换到全屏”链接来使编辑器全屏。make textarea fullscreen jquery(用作代码编辑器)
当然,这应该适用于任何分辨率,并且还必须在用户调整窗口大小时调整大小。
我发现这个插件,http://plugins.jquery.com/project/fulltextarea,但它没有调整大小,当浏览器窗口调整大小。
这个的任何提示或插件?
我有一个文本区域,用户可以在其中键入源代码(html/css/js)。我希望能让他们点击“切换到全屏”链接来使编辑器全屏。make textarea fullscreen jquery(用作代码编辑器)
当然,这应该适用于任何分辨率,并且还必须在用户调整窗口大小时调整大小。
我发现这个插件,http://plugins.jquery.com/project/fulltextarea,但它没有调整大小,当浏览器窗口调整大小。
这个的任何提示或插件?
,如果你想你可以处理该事件:
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));
'var $ textarea = $(this);'< - 注意窗口resize事件上下文中的this是窗口本身。该事件不附加到textarea。这是一个简单的修复,但只需使用选择器为您的textarea。 – 2010-06-08 22:00:03
是的,我有$('#yourTextArea')。调整大小以启动并意识到我的错误,但没有想到修复其他的东西 - 感谢指出:) – 2010-06-08 22:04:42
你试过到事件将textarea的宽度/高度设置为100%! – 2010-06-08 21:46:11