1 Star 0 Fork 96

小朱 / VvvebJs

forked from Gitee 极速下载 / VvvebJs 
加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 5.31 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史

VvvebJs

Drag and drop website builder javascript library.

For a full featured CMS using VvvebJs check Vvveb CMS

Built with jQuery and Bootstrap 4.

Two panel Live Demo

One panel Live Demo

npm

Using Startbootstrap landing page for demo page and Bootstrap 4 components.

Features

  • Components and blocks/snippets drag and drop.
  • Undo/Redo operations.
  • One or two panels interface.
  • File manager and component hierarchy navigation.
  • Add new page.
  • Live code editor.
  • Image upload with example php script included.
  • Page download or export html or save page on server with example php script included.
  • Components/Blocks list search.
  • Bootstrap 4 components.
  • Youtube, Google maps, Charts.js etc widgets.

By default the editor comes with Bootstrap 4 and Widgets components and can be extended with any kind of components and inputs.

Usage

<!-- jquery-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.hotkeys.js"></script>

<!-- bootstrap-->
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- builder code-->
<script src="libs/builder/builder.js"></script>	
<!-- undo manager-->
<script src="libs/builder/undo.js"></script>	
<!-- inputs-->
<script src="libs/builder/inputs.js"></script>	
<!-- components-->
<script src="libs/builder/components-bootstrap4.js"></script>	
<script src="libs/builder/components-widgets.js"></script>	


<script>
$(document).ready(function() 
{
	Vvveb.Builder.init('demo/index.html', function() {
		//load code after page is loaded here
		Vvveb.Gui.init();
	});
});
</script>

For editor html and components/input javascript templates check editor.html

For css changes edit scss/editor.scss and scss/_builder.scss

Documentation

For documentation check the wiki

Support

If you like the project you can support it with a PayPal donation or become a backer/sponsor via Open Collective

License

Apache 2.0

评论 ( 0 )

你可以在登录后,发表评论

JavaScript
1
https://gitee.com/zhushunyi/VvvebJs.git
git@gitee.com:zhushunyi/VvvebJs.git
zhushunyi
VvvebJs
VvvebJs
master

搜索帮助