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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3672 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

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

数据库

生成

定义

6 条回复 • 2014-10-30 14:14:36 +08:00

karonl

2014-10-30 09:29:49 +08:00

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

leqoqo

2014-10-30 11:37:54 +08:00

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

DaniloSam

2014-10-30 13:59:33 +08:00

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

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

ren2881971

2014-10-30 14:05:07 +08:00

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

ren2881971

2014-10-30 14:05:55 +08:00

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

DaniloSam

2014-10-30 14:14:36 +08:00

@ren2881971 好样的

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

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