react实现H5在线编辑器

码农小余
  • 288

clipboard.png

对于上图所示的编辑器,大牛分析一下组件分布。
我的思路是

clipboard.png

最外层包含左中右组件,然后其他再继续往下嵌套。但是这样不知道什么原因很多操作都会出现卡顿,比如中间元素的拖拽,会出现很明显的卡顿。

大牛来分析分析!

回复
阅读 7k
6 个回答

拖拽事件是怎么处理的呢?是改变绝对定位的top,left还是改变transform:translate?如果用的是这两种方式,建议给容器添加transition,使定位相关的属性发生变化时可以平滑过渡,减少卡顿感。希望可以帮到你。

objectbin
  • 1
新手上路,请多包涵

你好,楼主最近也要实现一个H5在线编辑器,找不到一个合适思路能否分享你的思路,使用的技术,非常感谢

云上青天
  • 1
新手上路,请多包涵

大神,有没有源码,我是react菜鸟,搞不出来啊,可以给我一份源码么

有个facebook出品的draft.js, 不过这只是个富文本编辑的框架, 你可以关注下官方给出的第三方实现

馒头
  • 1.3k
宣传栏