拖拽生成web网页_VvvebJs——使用开源的JavaScript网站可视化构建库拖拽生成网页...

介绍

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

---

---

Github地址

https://github.com/givanz/VvvebJs

相关特性

• 1、组件和块/片段拖放。
• 2、撤销/重做操作。
• 3、一个或两个面板界面。
• 4、文件管理器和组件层次结构导航添加新页面。
• 5、实时代码编辑器。
• 6、包含示例php脚本的图像上传。
• 7、页面下载或导出html或保存页面在服务器上包含示例PHP脚本。
• 8、组件/块列表搜索。
• 9、Bootstrap 4组件等组件

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

使用方式

如下代码：

---

要初始化编辑器，调用Vvveb.Builder.init。第一个参数是要加载以进行编辑的URL，它必须位于相同的子域中才能进行编辑。第二个参数是页面加载完成时调用的函数，默认情况下调用编辑器Gui.init();

---

• 结构

---

Component Group是一个组件集合，例如Bootstrap 4组由Button和Grid等组件组成，该对象仅用于在编辑器左侧面板中对组件进行分组。例如，Widgets组件组只有两个组件视频和地图，并被定义为如下

Vvveb.ComponentsGroup['Widgets'] = ["widgets/googlemaps