资讯评论 - bsFormBuilder v1.0.5 发布，拖拽的 Bootstrap 表单构建工具 - OSCHINA

bsFormBuilder v1.0.5 发布了，bsFormBuilder 是一个基于 Bootstrap v4.x 表单构建工具。bsFormBuilder 最大的特点是组件和组件的属性配置自由扩展，可以导出 html 和 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

bsFormBuilder v1.0.4 更新内容如下：

新增：添加自定义 "不允许拖动" 组件的配置支持
新增：自定义 UI 组件的支持，自己来自定义 bsFormBuilder 整体布局
新增：options 初始化配置新增 onDataUpdated 的监听，用于监听每个组件的数据变化
新增：自定义拖动组件分类分组的支持
新增：自定义拖动组件分类分组支持自定义 placeholder 的配置
新增：自定义 container 的 sortable group 名称配置
新增：component 新增 disableTools 配置的支持，用于禁止删除和复制
新增：component 支持定义 "不允许在属性面板设置" 的属性 "none"
新增：component 支持自定义属性私有的面板渲染方法 onRenderPropsPanel()
新增：component 允许不被从左侧 "拖拽" 到容器来设计的特性，但可以通过 datas 来进行初始化
新增：options 配置 components 可以通过配置 url 来读取后台数据
新增：options 配置 components 可以配置为异步方法
新增：options 配置 datas 可以通过配置 url 来读取后台数据
新增：options 配置 datas 可以配置为异步方法
新增：options.customRender 来配置自己的渲染方法，此项也可以配置为 url 地址，让后台来渲染
优化：删除导出的 json 内容的 elementId
优化：重构 bsFormBuilder 布局组件的 class 名称
修复：自定义组件时，在某些极端情况下，父级的 dataIndex 获取不正确的问题
修复：deepCopy() 方法的 withNewElementIdAndId 参数不起作用的问题
修复：_mergeProps() 方法合并的结果不正确的问题

开始使用：

<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