VvvebJs开源的所见即所得WYSIWYG在线网页拖拽自动生成JavaScript库

╰+攻爆jí腚メ 2023-09-28 08:47 41阅读 0赞

## 介绍 ##

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

![0ee00715d978417abe4837db52a3ca48.png][]

## [现场演示][Link 1] ##

## Github地址 ##

[GitHub - givanz/VvvebJs: Drag and drop website builder javascript library.][GitHub - givanz_VvvebJs_ Drag and drop website builder javascript library.]

#### 特征 ####

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

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

### 文档 ###

有关文档，请查看[wiki][]

## 总结 ##

VvvebJs是一个非常强大的网页可视化生成构建工具，让不懂网页设计的小伙伴们也能够通过拖拽来生成美观大方的网页出来，让设计网页就像设计图片一样，VvvebJs特别适合展示型网页，甚至可以不需要代码就能完成一项复杂的网页设计，总体来说，VvvebJs是一个值得尝试的工具！

[0ee00715d978417abe4837db52a3ca48.png]: https://img-blog.csdnimg.cn/0ee00715d978417abe4837db52a3ca48.png
[Link 1]: https://www.vvveb.com/vvvebjs/editor.html
[GitHub - givanz_VvvebJs_ Drag and drop website builder javascript library.]: https://github.com/givanz/VvvebJs
[wiki]: https://github.com/givanz/VvvebJs/wiki