Строчный вложенный редактор с перетаскиванием
View Source

editor "sd"

jQuery UI "Sortable"

jQuery "ui"

jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]

ui_1.12.0.js
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

ui_1.12.1.js
[close_Toggle]

ui.css
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
[close_Toggle]
[close_Toggle]

initial.js

style.css
[close_Toggle]

jQuery UI "Draggable"

jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]

jquery.event.drag.js

jquery.event.drag.live.js

jQuery "ui"

jquery.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
[close_Toggle]

ui_1.12.0.js
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

ui_1.12.1.js
[close_Toggle]

ui.css
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
[close_Toggle]
[close_Toggle]

initial.js
[close_Toggle]

style.css

panel

jquery_html_panel.js
[close_Toggle]

container

jquery_html_container_new.js

jquery_html_container.js
[close_Toggle]

edit

jquery_html_container_edit.js

jquery_mouseover_edit_show.js

jquery_teg_edit_open_close.js

jquery_teg_del.js
[close_Toggle]

jquery_html_sort.js

html_replace_regexp.js

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»