Динамическая генерация HTML-форм через графический интерфейс

Question

Я ищу систему, в которой пользователи могут создавать опросы. В значительной степени я пытаюсь сделать форму, которая делает формы. Он должен быть достаточно обширным и охватывать input с, select с, textarea с и другие элементы формы.

Сейчас я использую шаблонизатор с jQuery, но он становится очень грязным, и я чувствую, что есть лучший способ сделать это.

Пользователь должен иметь возможность добавлять, редактировать и удалять вопросы и их варианты (ответы). Они также должны иметь возможность указывать тип вопроса (множественный выбор, бегунок диапазона, короткий ответ и т. Д.) И поддерживать загрузку изображений.

Я искал Google, но не нашел то, что искал. Существует ли библиотека или инфраструктура js, которую я мог бы использовать для простого добавления и удаления элементов в DOM, сохраняя при этом тип и иерархию элементов? Или API, который я мог бы использовать? Я не хочу заново изобретать колесо на этом.

Answer 1

Как насчет https://github.com/powmedia/backbone-forms?

Answer 2

В прошлый раз, когда мне это было нужно, я использовал плагин jQuery Form Builder . Он даже поставляется с собственной базой данных для хранения форм и собственным средством визуализации HTML для вывода. Вкуснятина!

Answer 3

Я думаю, что вы можете придумать свое собственное решение, но оно не может быть изобретено заново.

Я думаю, что лучшим решением было бы создание DSL (предметно-ориентированного языка), и вJavascript вы можете увидеть некоторые слайды по этому адресу: http://ajaxian.com/archives/metaprogramming-dsl-javascript-presentation. Еще один хороший блог по этому вопросу: http://www.mailsend -online.com / blog / a-dsl-in-javascript.html

Пройдя этот маршрут, он должен упростить ваш дизайн и сделать его настолько гибким, насколько вы пожелаете.