GrapesJS是一個(gè)免費(fèi)開源,多用途的Web Builder框架,它將不同的工具和功能與目標(biāo)結(jié)合在一起,幫助你(用戶)在不需要任何編碼知識的情況下構(gòu)建HTML模板。這是一個(gè)很好用的方案,可以取代常見的及時(shí)編輯器,編輯內(nèi)容好,但不適合創(chuàng)建HTML結(jié)構(gòu)。
拖拽模塊
GrapesJS帶有一組內(nèi)置塊,這樣你就可以更快地創(chuàng)建你的模板。如果默認(rèn)設(shè)置不夠,隨時(shí)添加自己的自定義塊。
自定義CSS
實(shí)現(xiàn)了簡單而強(qiáng)大的樣式管理器模塊,它可以獨(dú)立地對畫布內(nèi)的任何組件進(jìn)行樣式設(shè)計(jì)。也可以將其配置為使用任何CSS屬性
支持響應(yīng)式
GrapesJS提供了所有必要的工具,可以優(yōu)化模板以便在任何設(shè)備上查看。只要輕松將其添加到編輯器。
實(shí)時(shí)代碼顯示
不用關(guān)心代碼,隨時(shí)隨地抓取并使用它。開發(fā)人員也可以在編輯器內(nèi)部實(shí)現(xiàn)自己的存儲(chǔ)接口。
資源管理
只需雙擊圖像就可以對其進(jìn)行更改
github
感興趣的小伙伴可以去試試,我只能幫到這了。
本文參考
9ima.com
github
grapesjs