react实现H5在线编辑器

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

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

大牛来分析分析!

  • 1月11日提问
  • 评论
  • 邀请回答
  • 编辑

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

  • 1月11日回答
  • 1 评论
  • 编辑

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

  • 2月28日回答
  • 评论
  • 编辑

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

  • 3月1日回答
  • 评论
  • 编辑

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

  • 3月2日回答
  • 评论
  • 编辑

http://www.rabbitpre.com/stor…
可以看看这个,‘兔展一页’,就是你所要的。

  • 3月2日回答
  • 评论
  • 编辑

发表评论

电子邮件地址不会被公开。 必填项已用*标注