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

[圣殿骑士18]

请问下大家，要开发这么一个基于web的编辑器，当前技术选型上，有哪些js组件可以选择？

当前的前端框架：React，Ant Design



看图中的样子，就是能达到以下功能：
1、能够实现布局网格化
2、可拖入控件，并对控件进行属性设置
3、能在控件中进行图片/视频预览

我从google和百度上，搜索到大概有这些


请大家给写参考意见，我希望使用合适的，比较流行的框架（前2）

感谢！

[cn00439805]

看上去需求比较简单，自己开发一个就行。 毕竟要贴合你的所有需求，找都要找很久，还得改别人的代码

[圣殿骑士18]

引用 1 楼 cn00439805 的回复:

看上去需求比较简单，自己开发一个就行。
毕竟要贴合你的所有需求，找都要找很久，还得改别人的代码

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

[cn00439805]

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

[圣殿骑士18]

引用 3 楼 cn00439805 的回复:

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

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

[极客诗人]

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

[_贺兰]

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

[丰云]

早几年前，就用原生js写了一个页面编辑器，其实想明白了，就非常简单，真正麻烦的是做浏览器兼容

[圣殿骑士18]

最后，使用了antd推荐的gg-editor