如何在formbuilder中从JSON模式生成表单

Posted 2023-01-07

我正在使用Form.io的Formbuilder，我已经使用Formbuilder的拖放功能构建了一个表单，并且已将生成的JSON模式保存到我的数据库中。如何使用JSON Schema中的相同控件再次重构formbuilder？

我想这样做，以便用户可以对创建的表单进行任何修改。

我正在寻找如何从JSON重新初始化formbuilder。

JSON是从formbuilder的builder.instance.schema生成的。

答案

我能够通过将json模式传递给Formio.builder来重新加载表单。我正在使用香草javascript。所有积分均归@randallknutson的Github reply。

//JSON Schema loaded from database
const createdForm = 
display: 'form',
components: [],
...


Formio.FormBuilder(document.getElementById('builder'), createdForm, options);