GUI를 통한 동적 HTML 폼 생성

Question

사용자가 설문 조사를 만들 수있는 시스템을 만들려고합니다. 나는 폼을 만드는 폼을 만들기 위해 노력하고 있습니다. 꽤 광범위하고 input, select, textarea 및 기타 양식 요소를 포함해야합니다.

지금 당장 jQuery와 함께 템플릿 엔진을 사용하고 있지만 실제로는 지저분 해지고 있습니다.이를 달성하는 더 좋은 방법이 있다고 생각합니다.

사용자가 질문을 추가, 편집 및 제거 할 수 있어야합니다 (예 : &). 또한 질문 유형 (객관식, 범위 슬라이더, 짧은 대답 등)을 지정할 수 있어야하며 이미지 업로드를 지원해야합니다.

Google을 샅샅이 조사했지만 내가 찾고있는 것을 찾지 못했습니다. 엘리먼트 타입과 계층 구조를 추적하면서 DOM에 엘리먼트를 쉽게 추가 할 수있는 기존의 js 라이브러리 또는 프레임 워크가 있습니까? & 아니면 내가 사용할 수있는 API일까요? 나는 이것에 바퀴를 재발 명한 것 같은 기분이 들지 않는다.

Answer 1

지난 번 내가 필요로했던이 jQuery Form Builder plugin을 사용했습니다. 심지어 출력용으로 자체 HTML 렌더러와 양식을 저장하기 위해 자체 DB 항목이 포함되어 있습니다. 맛있는!

Answer 2

나는 당신이 당신 자신의 솔루션을 발명하게 될지도 모른다라고 생각하지만, 다시 발명하지는 않을 것이다.

나는 DSL (도메인 특정 언어)을 만드는 것이 최선의 해결책이라고 생각하며, 자바 스크립트에서는이 슬라이드를 http://ajaxian.com/archives/metaprogramming-dsl-javascript-presentation에서 볼 수 있습니다. 이것에 대한 또 다른 좋은 블로그는 다음과 같습니다. http://www.mailsend-online.com/blog/a-dsl-in-javascript.html

이 경로를 사용하면 원하는대로 유연하게 디자인하면서 간단하게 만들 수 있습니다.

Answer 3

어때 대략 https://github.com/powmedia/backbone-forms?