IDE As an interface with jQuery (resizing divs)

Question

I plan to develop a site that will have an interface very similar to the IDE

I was wondering if there is a jQuery plugin that allows you to resize the div (horizontal / vertical based on the settings) or any ideas on what would be the best approach.

Answer 1

I use the jQuery layout for the web platform to publish books for children, and that is really good. Easy to use, good documents.

http://layout.jquery-dev.net/

Answer 2

You can also try:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script>
    $(document).ready(function() {
      $("#resizable").resizable();
    });
</script>


<div id="resizable" style="width: 100px; height: 100px; background: silver;"></div>

Reference:

• UI / API / 1.8 / Resizable
• Custom resizable in jQuery user interface
• jQuery Resizable

Answer 3

JQuery UI Re-sizable

http://jqueryui.com/demos/resizable/