js 拖拽控件生成自定义表单 怎么实现？

[ren2881971]

想咨询下大家有这种库么？

通过拖拽控件生成自定义表单的js 实现

然后以html代码的形式 存储在数据库。

方便我从数据库取出数据 在前台直接显示表单。

[karonl]

无需在数据库保html，保存必要数据即可。比如样式id，提示语。

[leqoqo]

有一个百度的ueditor的插件，可以生成自定义表单

[DaniloSam]

曾经做过类似的需求，不过不是拖拽，因为拖拽做起来太尼玛蛋疼了，人生还有很多美好的事情没有做，为了排个序至于么

我考虑的实现方式大概是这样：
- 监听mousedown事件
- 获取鼠标点击元素，判断是否可拖拽
- 设置flag做标记
- 建一个tempDOM，与拖拽的DOM内容相同，并添加相应样式
- 监听鼠标移动事件
- 判断flag
- 移动tempDOM
- 监听mouseup事件
- 判断flag标记
- 清楚flag标记
- 获取DOM排列顺序
- 重排

[ren2881971]

@karonl 因为我要在前台把定义好的表单直接显示出来～

[ren2881971]

@DaniloSam 这位兄弟　谢谢你写了这么多～我在ｂｏｏｓｔｒａｐ的官网找到了　一个在线编辑表单我觉得把他的代码ｃｏｐｙ下来　　改成本地的。

[DaniloSam]

@ren2881971 好样的