簡(jiǎn)介
功能列表
- 組件和塊/片段拖放。
- 撤消/重做操作。
- 一個(gè)或兩個(gè)面板界面。
- 文件管理器和組件層次結(jié)構(gòu)導(dǎo)航
- 添加新頁面。
- 實(shí)時(shí)代碼編輯器。
- 包含示例php腳本的圖像上傳。
- 頁面下載或?qū)С鰄tml或保存頁面在服務(wù)器上包含示例PHP腳本。
- 組件/塊列表搜索。
- Bootstrap 4組件。
- Youtube,谷歌地圖,Charts.js等小部件。
默認(rèn)情況下,編輯器附帶Bootstrap 4和Widgets組件,可以使用任何類型的組件和輸入進(jìn)行擴(kuò)展。
快速本地開發(fā)
<!-- 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>
PS
小編也體驗(yàn)了一把在線demo,通過簡(jiǎn)單拖拽現(xiàn)成模板頁面組件,改改文字,簡(jiǎn)單移動(dòng)組件,很快就生成一個(gè)網(wǎng)頁,還可以預(yù)覽(支持PC端,Pad端,手機(jī)端),然后下載到本地,就一個(gè)html文件。Apache 2.0協(xié)議,可以學(xué)起來,怎么感覺這個(gè)特別適合接外包,哈哈。