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