VvvebJs(网页设计工具)

      VvvebJs(网页设计工具)是一款基于JavaScript的开源可视化网页制作工具。该工具提供了直观的拖拽式界面，内置了丰富的Bootstrap组件库和实时代码编辑器，让用户能够轻松创建网页而无需编写复杂代码。同时，VvvebJs还支持用户自定义扩展，满足各种网页设计需求。

主要功能

      1、软件提供单面板和双面板两种不同的界面布局方式，用户可根据需求自由选择。

      2、支持通过拖拽方式将组件、区块以及代码片段直接插入到网页中，提高制作效率。

      3、内置SVG图标组件，并提供数百个免费图标供用户使用。

      4、集成基于CodeMirror的实时代码编辑器，支持语法高亮显示，方便代码编写与调试。

      5、支持将网页下载为HTML文件或直接导出到服务器，并附带PHP示例脚本，方便后续开发。

使用指南

      1、初始化编辑器时，只需调用Vvveb.Builder.init方法。第一个参数是待编辑页面的URL（需在同一子域下），第二个参数是页面加载完成后的回调函数，默认会调用编辑器Gui.init()方法。

      2、组件组是组件的集合，主要用于在编辑器左侧面板中对组件进行分类。例如，Bootstrap 4组包含按钮、栅格等组件，而Widgets组则只有视频和地图两个组件。

      3、组件是可放置到画布上的HTML元素对象，选中后可以编辑其属性。像视频组件、带Url和Target属性的链接组件都属于此类。

      4、组件属性通过Input对象进行编辑，支持文本输入、下拉选择、颜色选择、栅格行等多种类型。TextInput是继承自Input对象的文本输入类型。

      5、输入控件对应的HTML结构需要在editor.html文件中进行定义。

版本更新

      v2.0.9

      1、新增了清理后的默认模板，为用户提供了更简洁的起点。

      2、添加了react包链接，方便用户进行React项目开发。

      3、新增了脚本加载助手功能，帮助用户更高效地管理脚本。

      4、新增了VideoInput与SvgInput组件，扩展了用户可使用的输入类型。

      5、更新了登录主题样式，提升了用户界面的美观度。

      6、将左侧面板的状态迁移至侧边栏，优化了用户操作体验。

      7、优化了HTML模块相关内容，提高了代码生成质量。

      8、修复了嵌入视频静音异常的问题，确保视频功能正常运行。

      9、调整了事件名称的大小写，将saveAjax重命名为save，使代码更规范。