+ -
当前位置:首页 → 问答吧 → 基于Bootstrap的可视化布局程序, 前端快速模型利器.

基于Bootstrap的可视化布局程序, 前端快速模型利器.

时间:2013-05-10

来源:互联网

      自从发现 http://www.layoutit.com/build 这个国外的可视化布局程序十分兴奋, 其将bootstrap的CSS模型变成可视化组件, 结合jQuery实现了即拖即有的可视化布局功能,  但由于该网站仅是beta版, 而且有明显一些bug, 譬如无法在IE上运行, 因为jquery2.0已经取消了IE8以下的支持,  在iPad上无法实现拖放, 发现支持touch的js不生效, 可能是被墙了吧. "undo/redo"按钮被隐藏了, 程序也没有实现这个功能.

      下载了源网站的javascript部分源码后, 进行了一些功能改进:
  • 中文化功能菜单
  • 增加HTML5的localStorage本地化储存功能, 关闭网页重新打开能恢复之前的编辑界面
  • 增加"撤销/重做" 操作
  • 增加IE的兼容处理
  • 修复iOS设备上的可用性
  • 增加弹出ckEditor编辑器编辑模块富文本

      左边工具菜单还可以根据自己的需求增加组件,  这可以根据具体项目定制自己的控件
      代码放到github上托管, 可以在这里下载 https://github.com/dodgepudding/shorturl
      界面预览效果:  http://dodgepudding.github.io/layoutit/

作者: dodge   发布时间: 2013-05-10

赞,够强大

作者: jackafeng   发布时间: 2013-05-18

顶!这个很棒...

作者: cbi168   发布时间: 2013-05-19

这个确实很强大额 呵呵

作者: Frank_Luo   发布时间: 2013-05-21