這多是目前最好用的開源可視化拖拽框架

前言

hello,你們好,我是dooringx-lib的做者。今天剛剛開源了咱們dooringx項目的可視化拖拽框架dooringx-lib。git

和別的開源項目比,dooringx-lib除了提供基礎的編輯器功能,還有本身獨特的彈窗系統與事件機制。github

項目倉庫:github.com/H5-Dooring/…json

項目文檔:h5-dooring.github.io/dooringx/markdown

下面就來簡單介紹一下。框架

68747470733a2f2f796568756f7a68696c692d313235393434333337372e636f732e61702d6e616e6a696e672e6d7971636c6f75642e636f6d2f7878612e6a7067.jpg

68747470733a2f2f796568756f7a68696c692d313235393434333337372e636f732e61702d6e616e6a696e672e6d7971636c6f75642e636f6d2f7878622e6a7067.jpg

編輯器基礎功能

dooringx-lib的全部組件都是可拆分的,編輯容器也提供了iframe容器和普通容器可供使用。編輯器

在結構設計上,吸收了前一代h5-dooring的教訓,儘可能避免使用第三方組件,基本上全部功能都是本身實現。函數

111.gif

目前dooringx使用的是普通容器,固然iframe容器也是能夠用的,根據自身需求而定。oop

原本在一開始製做時,沒有旋轉的,由於旋轉並非特別重要,畢竟組件屬性也能夠作旋轉,後來仍是參考了資料將旋轉作出來了。學習

111.gif

編輯器基礎功能所有都自帶,固然若是不滿意也能夠本身寫哈。spa

彈窗與事件

彈窗須要結合事件去使用。

111.gif

事件這個配置項組件是我本身寫的,使用dooringx-lib 你能夠本身想作成啥樣就作成啥樣,不必定非要照着個人樣子來。

不少廠的活動頁就須要簡單的彈窗,彈窗中也須要將組件拉來拖拽,dooringx-lib完美解決此類問題。

更多用法等你來探索

dooringx-lib 在運行時維護一套數據流,分爲json數據部分,左側組件部分,右側配置項部分,快捷鍵部分,彈窗部分,事件與函數部分,數據源部分,具體等你來探索。

dooringx-lib庫目前還不穩定,有更多建議能夠聯繫我或者@徐小夕。

有須要交流的同窗能夠聯繫徐小夕進羣。

歡迎提pr,一塊兒交流學習共建。

相關文章
相關標籤/搜索