疫情禁足在家,用原生的JS實現了一個HTML可視化編輯工具,頁面佈局基於Bootstrap。大約一個月時間,打通主要技術關卡,實現了第一版: 可以拖放編輯,實現了幾乎所有的bootstrap預定義工具類。 設計時,儘量讓其可以靈活擴展,支持多主題切換,為自定義控制項預留了介面。 還可以作為bootst ...
疫情禁足在家,用原生的JS實現了一個HTML可視化編輯工具,頁面佈局基於Bootstrap。大約一個月時間,打通主要技術關卡,實現了第一版:
可以拖放編輯,實現了幾乎所有的bootstrap預定義工具類。
設計時,儘量讓其可以靈活擴展,支持多主題切換,為自定義控制項預留了介面。
還可以作為bootstrap學的輔助工具,在界面上選好配置,可以把相應的class全部顯示出來,所見即所得。
後期的主要實現方向:
1、增加儘量多的主題,形成一個主題庫
2、結合國內微信使用狀況,增加可以微信分享的H5模板
源碼地址:https://github.com/vularsoft/rxeditor
演示地址:https://vular.cn/rxeditor/