html - User resizable div - is it possible to drag&drop resize divs? -


i have following code:

#test {      height: 100px;       width: 100px;      padding:5px;      border: 1px solid blue;  }
<div id="test">  lorem ipsum  </div>

does function exist achieves <div>? user can edit height , width similar textarea <div>

use moar jquery ui resizable plugin:

include jquery (min.js, ui.js, ui.css) in website , use .resizable() function.
the jquery ui resizable plugin makes selected elements resizable (meaning have draggable resize handles). can specify 1 or more handles min , max width , height.

$(function() {    $("#test").resizable();  });
#test {    height: 100px;    width: 100px;    padding: 5px;    border: 1px solid blue;  }
<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script><link href=//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css rel=stylesheet><script src=https://code.jquery.com/ui/1.12.1/jquery-ui.js></script>    <div id="test">    text  </div>


Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -