The project needs to add a form control that allows customization, but there is nothing similar on the Internet. So I found a version that has stopped updating but the completion is good. I will improve it and put it on GitHub for everyone to change and use. Original address
A Drag-and-drop form builder for twitter bootstrap.
It's hosted on github pages here.
-
For development & debugging change the data-main for the require script tag in
index.htmlto point atassets/js/main.js. (Look just before the closing<body>tag!) -
Once done, change it back to build for production using the
build.jsscript in theassets/js/libfolder and r.js. Then revert toassets/js/main-built.js -
The full command is
r.js -o assets/js/lib/build.jswhich should be run from the base directory.
- In the [ js/data/folder ] are yaml files, each of which corresponds to a tab in the form builder.
- If you just want to add a new element you need to:
- describe it in one of these files
- parse the yaml to json using parse.rb in the same folder
- create a corresponding template in the [ templates/snippet directory ]
- add the template to [ snippet-templates.js ]
- If you want to add a new tab, you'll also need to adjust the [ app.js file ] to make sure the tab is loaded.
Don't forget to switch to main.js rather than main-built.js, or the changes you make before compiling with require.js won't show up!
代码内有些没来得及改成支持bootstrap3的，在templates文件夹里把你要用的改掉就行了。 views文件内的my-form.js根据个人的项目原因，做了一个改动，对着注释删去即可。 输出和修改函数，简单的暴露在main.js里面.