基于Bootstrap的可视化布局程序, 前端快速模型利器.
时间:2013-05-10
来源:互联网
自从发现 http://www.layoutit.com/build 这个国外的可视化布局程序十分兴奋, 其将bootstrap的CSS模型变成可视化组件, 结合jQuery实现了即拖即有的可视化布局功能, 但由于该网站仅是beta版, 而且有明显一些bug, 譬如无法在IE上运行, 因为jquery2.0已经取消了IE8以下的支持, 在iPad上无法实现拖放, 发现支持touch的js不生效, 可能是被墙了吧. "undo/redo"按钮被隐藏了, 程序也没有实现这个功能.
下载了源网站的javascript部分源码后, 进行了一些功能改进:
左边工具菜单还可以根据自己的需求增加组件, 这可以根据具体项目定制自己的控件
代码放到github上托管, 可以在这里下载 https://github.com/dodgepudding/shorturl
界面预览效果: http://dodgepudding.github.io/layoutit/
下载了源网站的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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28