Строчный вложенный редактор с перетаскиванием
View Source
![](http://codegid.ru/img/cub_r.png)
editor "sd"
![](http://codegid.ru/img/cub_r.png)
jQuery UI "Sortable"
![](http://codegid.ru/img/cub_r.png)
jQuery "ui"
![](http://codegid.ru/img/cub_r.png)
jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
ui_1.12.0.js
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
![](http://codegid.ru/img/cub_r.png)
ui_1.12.1.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
ui.css
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
[close_Toggle]
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
initial.js
![](http://codegid.ru/img/cub_r.png)
style.css
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
jQuery UI "Draggable"
![](http://codegid.ru/img/cub_r.png)
jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
jquery.event.drag.js
![](http://codegid.ru/img/cub_r.png)
jquery.event.drag.live.js
![](http://codegid.ru/img/cub_r.png)
jQuery "ui"
![](http://codegid.ru/img/cub_r.png)
jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
ui_1.12.0.js
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
![](http://codegid.ru/img/cub_r.png)
ui_1.12.1.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
ui.css
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
[close_Toggle]
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
initial.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
style.css
![](http://codegid.ru/img/cub_r.png)
panel
![](http://codegid.ru/img/cub_r.png)
jquery_html_panel.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
container
![](http://codegid.ru/img/cub_r.png)
jquery_html_container_new.js
![](http://codegid.ru/img/cub_r.png)
jquery_html_container.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
edit
![](http://codegid.ru/img/cub_r.png)
jquery_html_container_edit.js
![](http://codegid.ru/img/cub_r.png)
jquery_mouseover_edit_show.js
![](http://codegid.ru/img/cub_r.png)
jquery_teg_edit_open_close.js
![](http://codegid.ru/img/cub_r.png)
jquery_teg_del.js
[close_Toggle]
![](http://codegid.ru/img/cub_r.png)
jquery_html_sort.js
![](http://codegid.ru/img/cub_r.png)
html_replace_regexp.js
![](http://codegid.ru/img/cub_r.png)
initial.js
[close_Toggle]
начальный body контент страницы
<div id="project">
<div id="sort" class="ui-sortable">
<div class="sort-block ui-sortable box"></div>
</div>
</div>
Demo
- Home
- /
- programming
- /
- Языки
- /
- HTML
- /
- CSS
- /
- html\editor «sd»