授权协议: Apache
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2019-08-09
提 交 者: 红薯

VvvebJs是一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己需要的网页样式,内置jquery和Bootstrap,你可以拖拽相关的组件进行网页的构建,非常的方便,而且可以实时修改代码,功能丰富,使用简单,界面友好,特别适合一些专注于展示的网页设计。

在线演示:http://www.vvveb.com/vvvebjs/editor.html

网页设计,使用拖拽的方式生成网页!JavaScript库——VvvebJs

相关特性

  • 组件和块/片段拖放。
  • 撤消/重做操作。
  • 一两个面板界面。
  • 文件管理器和组件层次结构导航。
  • 添加新页面。
  • 实时代码编辑器。
  • 包含示例php脚本的图像上传。
  • 页面下载或导出html或将页面保存在服务器上,并附带示例php脚本。
  • 组件/块列表搜索。
  • 引导4个组件。
  • Youtube,Google Maps,Charts.js等小部件。

默认情况下,编辑器附带Bootstrap 4和Widgets组件,可以使用任何类型的组件和输入进行扩展。

用法

<!- 
jquery- > < 脚本 src =“ js / jquery.min.js ” > </ 脚本> 
< 脚本 src =“ js / jquery.hotkeys.js ” > </ 脚本>

<!-bootstrap-> 
< 脚本 src =“ js / popper.min.js ” > </ 脚本> 
< 脚本 src =“ js / bootstrap.min.js ” > </ 脚本>

<!-构建器代码-> 
< 脚本 src =“ libs / builder / builder.js ” > </ 脚本> 	
<!-撤消管理器-> 
< 脚本 src =“ libs / builder / undo.js ” > </ 脚本> 	
<!-输入-> 
< 脚本 src =“ libs / builder / inputs.js ” > </ 脚本> 	
<!-组件-> 
< 脚本 src =“ libs / builder / components-bootstrap4 .js “ > </ 脚本> 	
<脚本 src =“ libs / builder / components-widgets.js ” > </ 脚本>	


< 脚本> 
$ 文档)。准备函数() 
{ 
	Vvveb 生成器INIT '演示/ index.html中' 函数() { 
		//加载代码页后在这里加载
		Vvveb INIT (); 
	} ); 
} ); 
</ 脚本>

对于编辑器html和 components/input javascript模板,请检查editor.html

对于CSS更改,请编辑 scss/editor.scss 和 scss/_builder.scss

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

VvvebJs 的相关资讯

还没有任何资讯

VvvebJs 的相关博客

简单拖拽即生成网页 VvvebJs

导读 VvvebJs是一个开源的网页拖拽自动生成的JavaScript库,你可以以简单拖拽的方式生成自己需要的网页样式,内置jquery和Boo...

简单拖拽即生成网页 VvvebJs

在线演示:http://www.vvveb.com/vvvebjs/editor.html 相关特性 1、组件和块/片段拖放; 2、撤销/重做操作; 3、一个或两个面板...

可视化表单实现的技术储备

基于 Immutable.js 实现撤销重做功能 jshare jQuery拖拽表单 基于layui,自定义表单组件 基于jQuery的鼠标右键菜单 Vue + Ko...

CNodejs每日新闻周刊|第 4 期

在一个知识爆炸的时代,身边的一些技术、文章、工具铺天盖地,有时候我们会困惑该如何选择?哪些是对自己有价值的?“CNodejs...

VvvebJs 的相关问答

评论 (23)

加载中
为什么我下载源码后运行editor.htm ,没有编辑效果???
2019/11/29 07:24
回复
举报
magicaldrag?
2019/11/20 09:11
回复
举报
看起来比grapesjs好用
2019/08/24 16:54
回复
举报
收藏一下,模仿做一个自己的!
2019/08/19 10:50
回复
举报
关键要好扩展
2019/08/15 09:26
回复
举报
似乎真的不错!准备入手试下!
2019/08/15 08:40
回复
举报
挺好的,收藏一下。回家试试看
2019/08/14 08:32
回复
举报
dreamweaver?
2019/08/13 17:19
回复
举报
dreamweaver online
2019/08/16 10:18
回复
举报
好多年前用过一段时间的dreamweaver,非常棒的工具。
2019/08/16 13:52
回复
举报
微软Blend还活着
2019/08/21 09:24
回复
举报
不错,不错~
2019/08/13 14:34
回复
举报
看着很不错,等完善之后希望有人出个汉语版的
2019/08/13 11:43
回复
举报
08/07 10:09
回复
举报
更多评论
23 评论
927 收藏
分享
在线直播报名
返回顶部
顶部