如何调整就地编辑JQuery UI textarea的可编辑大小?

时间:2011-04-10 04:30:28

标签: jquery textarea fixed

我在将JQuery Edit-In-Place textarea设置为固定大小时遇到​​问题。

基本上我有一个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>

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

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

我希望textarea有一定的宽度和高度(80&amp; 10),但无论我输入什么值,它总是大小相同,看起来像this。我非常感谢任何帮助,使textarea固定的大小。

2 个答案:

答案 0 :(得分:1)

你可以这样做,给你的textarea一个宽度和高度ex:

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

答案 1 :(得分:1)

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