Как изменение размера работает для редактируемой текстовой области JQuery UI?

Question

У меня проблемы с получением текстовой области JQuery Edit-In-Place фиксированного размера.

В основном у меня есть один HTML-файл, часть которого имеет абзац с именем editable-large :

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

И у меня есть JS-файл JQuery, связанный с этим абзацемэто позволяет его редактировать на месте.Поэтому, когда кто-то нажимает на абзац, он превращается в текстовую область.

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

Я хочу, чтобы текстовая область имела определенную ширину и высоту (80 и 10), но независимо от того, какие значения я ввел, этовсегда одинакового размера и выглядит как это .Я был бы очень признателен за любую помощь в создании этого текста фиксированного размера.

Answer 1

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

Answer 2

Вы можете сделать это, указав ширину и высоту вашего текстового поля, например:

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