bsFormBuilder v1.0.7 发布，拖拽的 Bootstrap 表单构建工具

bsFormBuilder v1.0.7 发布了，bsFormBuilder 是一个基于 Bootstrap  v4.x 表单构建工具。bsFormBuilder 最大的特点：拖动的组件及其属性配置，都可以通过 Json 配置自由扩展，无需编码。

bsFormBuilder 的特点：

• 1、基于 Bootstrap (v4.x) + JQuery，简单易用
• 2、拖动的 html 组件，支持通过 Json 自定义扩展
• 3、组件的属性面板，支持通过 Json 自定义扩展
• 4、支持导出 html 和 json，自己通过 json 来构建 UI 页面
• 5、支持导入 json 到 bsFormBuilder，进行二次编辑
• 6、丰富的 API，方便二次开发和扩展
• 7、支持 “模板” 功能，可以选择已有模板进行二次开发
• 8、内置轻量的 html 渲染引擎，速度极快，极好用～～

bsFormBuilder v1.0.7 更新内容如下：

• 新增：图片上传组件
• 新增：自定义模板渲染引擎的功能，默认使用 fasty 进行渲染
• 新增：options.bsFormPropsItemAppendBefore 配置，可用于自定义 prop 的渲染 html
• 修复：在后台渲染的场景下，组件无法正确初始化 options 数据的问题
• 修复：bsFormPropsFilter 方式里使用 currentData 不正确的问题

 

bsFormBuilder 已经在许多商业级的产品中得到使用，比如 JPress 中的表单设计：

开始使用：

 <div id="builder"></div> <script>  $('#builder').bsFormBuilder({...}); </script>

在使用前，需要导入 bootstrap 和 jquery 的相关文件。

 <link href="path/bootstrap.min.css" rel="stylesheet"> <link href="path/bootstrap-icons.css" rel="stylesheet">  <script src="path/jquery.min.js" /> <script src="path/bootstrap.bundle.min.js" />   <link href="path/bs-form-builder.min.css" rel="stylesheet"> <script src="path/bs-form-builder.min.all.js" />

另外，bsFormBuilder 提供了丰富的 API ，方便二次开发和扩展，详情参考：https://gitee.com/fuhai/bsFormBuilder

演示站点：http://bsformbuilder.jpress.cn