要开发这么一个web编辑器，有哪些组件可以选择？

Question

请问下大家，要开发这么一个基于web的编辑器，当前技术选型上，有哪些js组件可以选择？当前的前端框架：React，Ant Design看图中的样子，就是能达到以下功能：
1、能够实现布局网格化
2、可拖入控件，并对控件进行属性设置
3、能在控件中进行图片/视频预览我从google和百度上，搜索到大概有这些
请大家给写参考意见，我希望使用合适的，比较流行的框架（前2）感谢！

Answer 1

你觉得，是用以上组件之一开发呢，还是直接用canvas写？如果用组件开发，你选上面的哪一个？
谢谢。

Answer 2

这个和canvas好像没关系吧，就是调整模块位置，编辑一些基本属性。模块编辑和模块展示是2码事

Answer 3

做成web，怎么会和canvas没关系呢？不是本地程序哦

Answer 4

左边风格就完全是个tree    顶多样式复写一遍 
 右边的话 个人感觉与九宫格类似 。 

Answer 5

我自己开发的，支持拖动，属性编辑，可以看看，不过是基于Vue的，提供一个思路github地址：https://github.com/phynos/WebTopo