香草Javascript Formbuilder

Question

我正在寻找一个在Javascript中制造的表单生成器创建者，它不需要React/Node.js来使用它。就像这样：https://github.com/kevinchappell/formBuilder

但它使用的是反应。即使没有反应，也有办法使用它吗？我要查找的是一个创建JSON模式的表单构建器，然后使用该模式让用户提交该表单。

我在前面创建的模式基础上找到了用于表单创建的AlpacaJS。

Answer 1

使用这个库中的FormBuilder jquery : react中的https://formbuilder.online/docs/formBuilder/demos/react/ (和其他一些平台)，您可以让管理员直观地创建表单，从而生成可以使用onSave事件提取的JSON格式的模式：

$(this.fb.current).formBuilder({ formData,
  onSave:(event,form_schema)=> // save to server (form_schema)
})

表单生成示例：https://codesandbox.io/s/formbuilder-react-rwv60

然后使用同一个库的FormRender插件，使用生成的form_schema为最终用户呈现表单：

$('form', $formContainer).formRender({
      formData: [  ... form_schema from server ]
})

表单呈现示例：https://codepen.io/anon/pen/VJdGmK?editors=0010