jquery - 可编辑的文本框宽度

Question

当使用可编辑的内联替换时，是否有使文本框大于文本的方法。我想给用户空间以在现有文本之上添加新文本。

Answer 1

您可以在设置中指定height和将文本框设置为特定的高度和宽度。还有一个函数回调，您可以连接它来设置编辑框的特定大小，这不起作用。widthonedit

<span id="edit">hello world!</span>

<script type="text/javascript">
 $(document).ready(function(){
 $("span#edit").editable("....",
 {
            event: "click",
            style: "inherit",
            onblur: "submit",
            width:($("span#edit").width() + 200) + "px", // THIS DOES THE TRICK
            height:($("span#edit").height() + 100) + "px", //THIS DOES THE TRICK
            placeholder: "Click to set text",
            tooltip: "Click to update"
        });
   });
</script>