VvvebJs
VvvebJs安装教程
VvvebJs 是一个专业的网页设计工具，有着可视化的设计页面，让你在设计的时候缩减即所得，使用它可以通过网页拖拽自动生成的 JavaScript 库，内置了 jquery 和 Bootstrap。
软件特色
-
拖放建造器
无限的设计权力与一个容易使用的界面，改变任何在您的网站上的几次点击。
-
安全
Vvveb 对 SQL 注入是 100% 安全的，这是影响大多数 CMS 的一种庸俗性。
-
无限主题灵活性
Vvveb 使用纯 html 作为模板，以获得最大的灵活性，在几分钟内将任何 html 模板转换为主题。
-
电子商务
Vvveb 是一个功能齐全的电子商务平台，具有先进的功能。
-
本土化
以多种语言发布内容或以不同货币销售。
-
演示导入
内置的演示导入功能通过提供初始内容和配置帮助您更快地午餐您的网站。
-
开源免费
开放源代码意味着透明和协作。
功能介绍
- 组件和块/片段拖放。
- 撤消/重做操作。
- 一两个面板界面。
- 文件管理器和组件层次结构导航。
- 添加新页面。
- 实时代码编辑器。
- 包含示例 php 脚本的图像上传。
- 页面下载或导出 html 或将页面保存在服务器上，并附带示例 php 脚本。
- 组件/块列表搜索。
- 引导 4 个组件。
- Google Maps，Charts.js 等小部件。
使用方法
1、要初始化编辑器，调用 Vvveb.Builder.init。第一个参数是要加载以进行编辑的 URL，它必须位于相同的子域中才能进行编辑。第二个参数是页面加载完成时调用的函数，默认情况下调用编辑器 Gui.init()
2、Component Group 是一个组件集合，例如 Bootstrap 4 组由 Button 和 Grid 等组件组成，该对象仅用于在编辑器左侧面板中对组件进行分组。例如，Widgets 组件组只有两个组件视频和地图，并被定义为如下：
3、Component 是一个对象，它提供可以在画布上放置的 html 以及在选择组件时可以编辑的属性，例如 Video Component，具有 Url 和 Target 属性的 html 链接 Component 定义为：
4、在 Component 属性集合中使用 Input 对象来编辑属性，例如文本输入，选择，颜色，网格行等，TextInput 扩展 Input 对象并定义为：
5、输入还需要一个在编辑器 html（在 editor.html 中）定义为 以上是借助浏览器翻译工具，对官网的文档进行简单的翻译，可能会有些不够准确的地方，感兴趣的小伙伴可以直接查看相关文档！
