bsFormBuilder v1.0.6 发布了，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.6 更新内容如下：

• 新增：组件的 options 可以通过数据源来填充的支持
• 新增：options.bsFormPropsFilter 配置的支持，可以用来过滤属性面板的属性设置
• 新增：options.onDataChange 和 options.onDataChanged 监听方法
• 新增：renderPropTemplate 新增 $builder 参数
• 新增：属性面板的 标题 和 icon 配置
• 新增：options.bsFormPropsItemAppended 配置，可以用户对属性面板的 "控件" 进行监听设置
• 新增：options.unUseComponents 用于过滤一些不使用的、系统自带的组件
• 新增：options.optionsDatasources 数据源列表配置
• 新增：组件新增 optionsTypes 配置的支持，用来定义组件允许哪些 options 类型（目前有 custom 和 dataSource 两种类型）
• 新增：prop 属性描述添加排序字段 index 的支持
• 新增：DIV 容器组件 和 "分割线" 辅助组件 和 range 基础组件
• 修复：options.defaultProps 不起作用的问题
• 修复：prop.defaultValue 在 input 组件中无效的问题
• 修复：component.defaultOptions 中的配置， "this" 关键字无法使用的问题
• 修复：通过 options 配置的默认属性，当其默认值在不设置时，导出的 json 不带有属性值的问题

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

开始使用：

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

<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" />