您现在的位置是:首页 > 文章详情

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

日期:2022-05-17点击:491

bsFormBuilder v1.0.3 发布了,bsFormBuilder 是一个基于 Bootstrap  v4.x 表单构建工具。这次主要是新增了 3 个新的组件,并提供了演示站点:http://bsformbuilder.jpress.cn

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

  • 新增:时间、日期、上传文件 3 个新的组件
  • 新增:新增演示站点 http://bsformbuilder.jpress.cn
  • 修复:个别属性在某些情况下可能无法正确渲染的问题
  • 优化:删除 _invokeRenderBody 方法,用 _renderTemplate 代替
  • 优化:tips 组件,配置让其显示 tag 属性
  • 优化:优化大量的代码注释,使之更加便于阅读
  • 优化:移除 bower,在某些网络下可能无法正常编译的问题

 

 

开始使用:

 <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

原文链接:https://www.oschina.net/news/196145
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章