제자리에서 편집 JQuery UI 텍스트 영역의 크기 조정이 어떻게 편집 가능합니까?

Question

JQuery 제자리에서 텍스트 영역을 고정 크기로 가져 오는 데 문제가 있습니다.

는 기본적으로 나는라는 단락 편집 가능한 대형이 일부있는 하나 개의 HTML 파일이 있습니다

<div class="profile"> 
    <h2>About Me</h2> 
    <p class="editable-large"> 
     Ansel Easton Adams (February 20, 1902 – April 22, 1984) was an American photographer and environmentalist, best known for his black-and-white photographs of the American West, especially in Yosemite National Park. 
    </p> 
</div> 

을 그리고 나는 그것이 위치에서 편집 할 수 있도록 그 단락과 관련된 JQuery와 JS 파일이 . 따라서 누군가가 단락을 클릭 할 때마다 텍스트 영역으로 바뀝니다.

$(".editable-large").editable(
    { submit: "Save", 
     cancel: "Cancel", 
     type: "textarea", 
     options: {"cols": 80, "rows": 10}, 
    }).css({"cols": 80,"rows": 10}); 

나는 텍스트 영역이 특정 폭과 높이 (80 & 10)를 갖고 싶어하지만, 아무리 내가 넣어 값 것, 그것은 항상 같은 크기 없습니다 및 this 것 같습니다. 그 textarea를 고정 된 크기로 만드는 데 도움을 주시면 감사하겠습니다.

Answer 1

당신은 당신의 텍스트 영역 폭과 높이 예를주는 수행 할 수 있습니다

textarea{ 
    width:100px; 
    height:50px; 
} 

Answer 2

$(".editable-large").editable(
    { submit : "Save", 
     cancel : "Cancel", 
     type  : "textarea", 
     width  : '100', 
     height : '50' 
    } 
);