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

自从发现 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/