我有一个包含以下代码的html文件：
<style>
.important {
border: solid;
...
}
</style>
<body>
Lorem ipsum 1<br/>
<div class="important">
Lorem Ipsum 2
</div>
Lorem ipsum 3<br/>
Lorem ipsum 4
</body>
用户需要能够重新定位<div> with class =＆＃34; important＆＃34;如果他更喜欢它低于或高于它的位置。
所以，我们有：
Lorem Ipsum 1
Lorem Ipsum 2 // with class="important"
Lorem Ipsum 3
Lorem Ipsum 4
用户必须能够＆＃34;拖动＆＃34; （不一定是拖动，虽然它会是最好的）Lorem Ipsum 2上下，所以它会是：
Lorem Ipsum 1
Lorem Ipsum 3
Lorem Ipsum 2 // with class="important"
Lorem Ipsum 4
或
Lorem Ipsum 2 // with class="important"
Lorem Ipsum 1
Lorem Ipsum 3
Lorem Ipsum 4
一次可能多于一行（通常是）。这个想法是Lorem Ipsum 2是一个＆＃34;这是重要的＆＃34;框。用户正在为其他用户编辑内容。
我不确定这是否相关，但在数据库中这个＆＃34;重要的＆＃34;零件以这种方式标记
Lorem Ipsum 1
[[!]]Lorem Ipsum 2[[/!]]
Lorem Ipsum 3
Lorem Ipsum 4
所以，有一些问题：
1）拖放可能吗？
2）＆＃34;新职位＆＃34;被传递给我的剧本？它不能是X和Y，因为我需要它与文本相关（因为数据库文本将被修改）
3）有更好的方法吗？
提前致谢