ancho de cuadro de texto jeditable

Question

de todos modos hay que hacer que el cuadro de texto sea más grande que el texto cuando se usa inline replace with jeditable. Quiero darle al usuario espacio para agregar texto nuevo sobre el texto existente.

Answer 1

Puede especificar height y width en la configuración para establecer el cuadro de texto en altura y ancho específicos. También hay una función de devolución de llamada onedit que puede conectar para establecer el tamaño específico del cuadro de edición esto no funcionó.

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