问题 #2656💬 已回答提出于 2020年3月16日作者 abozhinov1 个反应

当重复子组件时工具栏位置错误

快速解答作者 abozhinov1

当用“select-comp”命令覆盖这两种方法时,一切运行完美。 问题是“el”在DOM里并不存在。 ` onHovered(em, component) { 设结果 = {}; 如果(分量) { const { view } = component; const { el } = view; const pos = this.getElementPos(el); 结果 = { EL, POS, Component, View }; 如果 (pos.width > 0) { this.updateToolsLocal(结果); if (el.ownerDocument === this.currentDoc) { this.el...

阅读下方完整回答 ↓

问题

你好, 你可以看看这个例子:https://codepen.io/abozhinov/pen/XWbqjEJ 重现问题的步骤:如果组件存在,则全部删除。拖动一个新的旋转木马方块。选择第一个儿童容器。点击复制图标以创建新组件。之后尝试选择最新的组件,然后再次选择第一个组件。工具栏位置错误,因为浏览器无法获取元素的宽度和高度。 [错误]TypeError: null 不是对象(评估 'this.canvas.getHighlighter(t).style') showHighlighter(grapes.min.js:2:263826) 更新工具本地(grapes.min.js:2:266937) (匿名功能)(grapes.min.js:2:260549) forEach 悬浮(grapes.min.js:2:260438) m (grapes.min.js:2:22592) V (grapes.min.js:2:22263) h (grapes.min.js:2:20216) (匿名功能)(grapes.min.js:2:22156) 集合(grapes.min.js:2:24026) setHovered (grapes.min.js:11:128341) handleHover(grapes.min.js:2:351496) 我(grapes.min.js:2:9008) (...

回答(3)

abozhinov2020年4月7日

当用“select-comp”命令覆盖这两种方法时,一切运行完美。 问题是“el”在DOM里并不存在。 ` onHovered(em, component) { 设结果 = {}; 如果(分量) { const { view } = component; const { el } = view; const pos = this.getElementPos(el); 结果 = { EL, POS, Component, View }; 如果 (pos.width > 0) { this.updateToolsLocal(结果); if (el.ownerDocument === this.c...

abozhinov2020年3月16日

触发渲染而不是重置时得到的结果是一样的。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。