如何调整工作的编辑在原地JQuery UI textarea可编辑

Question

我有问题得到一个JQuery就地编辑文本区域是一个固定的大小。

基本上我有一个HTML文件，其中有一个段落名为 edit_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>

我有一个与该段相关的JQuery JS文件，允许它在适当的地方进行编辑。因此，每当有人点击该段落时，它就会变成一个文本区域。

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

我想让textarea有一个特定的宽度和高度(80 &10)，但无论我输入什么值，它总是相同的大小，看起来像这样。如果你能帮我把这个textarea设置成固定大小，我将非常感谢。

Answer 1

你可以给你的文本区域一个宽度和高度例如:

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

Answer 2

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