bsFormBuilder v1.0.2 发布,拖拽的 Bootstrap 表单构建工具

来源: 投稿
作者: 开源海哥
2022-05-10 10:37:00

bsFormBuilder v1.0.2 发布了,bsFormBuilder 是一个基于 Bootstrap  v4.x 表单构建工具。

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.2 更新内容如下:

 

  • 优化:单选框和复选框的样式优化
  • 优化:优化代码注释和 html 构建细节
  •  
  • 优化:Tab 选项卡的 tab 默认名称为 标签1 标签2
  • 修复:设计面板删除最后一个表单项、placeholder 不显示的问题
  • 修复:Tab 容器未添加内容,修改器属性时可能出错的问题
  • 修复:多次引用 components 定义文件, console 出现警告的问题
  • 修复:清空 currentData 然后刷新属性面板时,属性面板内容无法被清空的问题
  • 修复:属性面板 disabled 配置无效的问题

 

开始使用:

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

必威体育app手机版在使用前,需要导入 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 ,方便二次开发和扩展,详情参考:

 

展开阅读全文
15 收藏
分享
2 评论
15 收藏
分享
返回顶部
顶部