为前端构建UI构建器(使用代码拆分拖放)

时间:2016-07-09 15:34:01

标签: javascript user-interface reactjs web-component web-frontend

我希望进行研究/开发以制作UI编辑器(如WYSIWYG)。应该有一个组件的控制面板(如按钮,标签......等),并将它们拖动到面板区域,它应该生成UI和相应的代码。

如果有人能给我一个提示,那就非常有帮助。

谢谢大家

1 个答案:

答案 0 :(得分:0)

首先,您必须创建组件存储库。之后,建立一个将返回特定组件的工厂。然后为组件列表创建一个UI,以便用户可以从该列表中选择一个组件并将其拖动到他的页面/屏幕。您还必须为组件创建属性窗口,以便用户可以为该组件指定高度/宽度,样式和其他功能。属性窗口可能特定于组件。