Constructeur de formulaires Angular par glisser-déposer

Question

J'essaie de créer une application de génération de certificats en utilisant Angular.

Pour cela, je dois placer des champs de saisie sur le certificat. (quelque chose comme le glisser-déposer).

Je prévois de construire à partir de zéro en utilisant div et en utilisant des formulaires dynamiques de type script, existe-t-il un plugin pour créer un formulaire avec des éléments de champ drag and drop/add à l'intérieur du formulaire.

Quelqu'un peut-il fournir des liens utiles ?

Merci.

Answer 1

Nice, après quelques recherches, j'ai trouvé un meilleur plugin "formio". ce plugin utile qui avait beaucoup d'options et facile à intégrer j'espère que cela vous aidera aussi.

Référer : https://formio.github.io/ngFormBuilder

Answer 2

Vous devriez donner https://github.com/formio/angular-formio un essai. Vous pouvez voir une démo à https://formio.github.io/angular-demo/#/forms/builder

Clause de non-responsabilité : J'ai créé cette bibliothèque.

Answer 3

Vous pouvez essayer d'utiliser

1. https://github.com/shakalya195/angular-5-formbuilder Celui-ci dispose d'un validateur personnalisé intégré ( http://formbuilder.shakalya.com ),

2. https://stackblitz.com/edit/angular-drag-drop-form qui comporte des fonctionnalités telles que les champs de dépôt, le style personnalisé, la désactivation du glisser/déposer et les poignées de glisser.

3. Vous pouvez également essayer d'utiliser le paquet npm formbuilder (un plugin jQuery). https://www.npmjs.com/package/formBuilder

4. FormBuilder Angular Drag-Drop A PEN BY Lam Phuoc Thinh - vous pouvez trouver un constructeur de formulaire fait en utilisant jquery