autoResize를 사용하려고 시도했습니다.

이 간단한 텍스트 영역이 있습니다. 선택하지 않으면 완성 된 제품 (예 : 텍스트가 좁아지는면)으로 보이기를 원합니다. 나는 또한 사용자가 너비를 변경하도록하고 싶다. 어떻게 자동 크기 조정 플러그인을 사용하면됩니까? 첫 번째 부분에 대한autoResize를 사용하려고 시도했습니다.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Pathway Builder</title> 
    <link rel="stylesheet" href="style.css" type="text/css" /> 
</head> 
<body> 

    <textarea class="text_field_not_selected"></textarea> 

    <script src="jQuery.js" type="text/javascript"></script> 
    <script src="selectors.js" type="text/javascript"></script> 
</body> 
</html>

자바 스크립트/jQuery를

$('textarea').bind('focusin blur', function() { 
    $(this).toggleClass('text_field_not_selected'); 
}); 
$('textarea').autoResize();

CSS

body { 
    display: block; 
} 

textarea:focus { 
    outline: none; 
    text-align: center; 
} 

.text_field_not_selected { 
    text-align: center; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -moz-box-shadow: 0px 3px 5px #444; 
    -webkit-box-shadow: 0px 3px 5px #444; 
    padding: 5px; 
}

출처

2012-03-24 mharris7190

, 당신은

border-style: none;

같은 것을 사용할 수 있고 두 번째 부분에 대한 당신은 할 수 오른쪽 하단을 클릭하여 드래그하십시오. 텍스트 상자의 크기를 조정하고 크기를 조정하십시오.

출처

2012-03-24 01:32:32 gastonfartek

사용자가 크기를 제어하지 못하도록하고 싶습니다. 나는 헤더에서 그 반대라고 다소 말하지만, 실제로는 높이 : 너비를 약 2 : 3으로 자동 조정하는 것입니다. – mharris7190

autoResize를 사용하려고 시도했습니다.

답변

관련 문제