【问题标题】:Build a UI builder for Front-End (Drag Drop with code split)为前端构建 UI 构建器(使用代码拆分拖放)
【发布时间】:2016-11-12 00:17:30
【问题描述】:

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

如果有人可以给我一个提示,那将非常有帮助。

谢谢大家

【问题讨论】:

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


    【解决方案1】:

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

    【讨论】:

    • 非常感谢您的想法
    • 有框架吗?我们可以构建这些类型的场景
    • 所以你要的是框架。所以可以得到 react-quill 或alloy-editor
    • 谢谢你,你在推特吗?
    猜你喜欢
    • 2017-11-12
    • 2022-06-26
    • 1970-01-01
    • 2013-09-23
    • 2016-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多