react实现H5在线编辑器

clipboard.png

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

clipboard.png

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

大牛来分析分析!

阅读 8.4k
6 个回答

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

新手上路,请多包涵

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

新手上路,请多包涵

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题