preface

Hello, I’m the author of DooringX-Lib. Today we just open sourced dooringX’s visual drag-and-drop framework DooringX-Lib.

Compared with other open source projects, DooringX-Lib not only provides basic editor functions, but also has its own unique popover system and event mechanism.

Project warehouse: github.com/H5-Dooring/…

Project documentation: h5 – dooring. Making. IO/dooringx /

Here is a brief introduction.

Editor basic functions

All components of DooringX-Lib are separable, and the edit container also provides iframe containers and regular containers for use.

In terms of structural design, we learned the lessons of the previous generation of H5-Dooring, avoiding third-party components as much as possible, and basically implementing everything ourselves.

Currently dooringX uses ordinary containers. Of course, iframe containers can also be used, depending on your needs.

At the beginning of the production, there was no rotation, because rotation is not very important, after all, the component properties can also do rotation, but later I made the rotation according to the data.

Editor basic function all come with, of course, if not satisfied can also write their own ha.

Popover with events

Popovers need to be used in conjunction with events.

The event configuration component is my own writing, using DooringX-Lib you can make what you want to make, do not have to be like me.

Many factories need a simple popover for the active page, and you need to drag and drop components from the popover. Dooringx-lib is a perfect solution to this problem.

More usage to explore

Dooringx-lib maintains a set of data streams at runtime, which are divided into JSON data, left component, right configuration item, shortcut key, popover, event and function, data source, etc.

Dooringx-lib library is not stable at present, you can contact me or @Xuxiaoxi for more suggestions.

Students who need to communicate can contact Xu Xiaoxi jinqun.

Welcome to bring PR, exchange and study together.