PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #6096💬 已回答提出于 2024年8月30日作者 kanaihyakumar2 个反应

可调整大小的框在组件重新选择时消失

快速解答作者 kanaihyakumar❤ 1

之前,我需要更清楚地说明重现问题的步骤。以下是制作该期的精细步骤。 重现问题的步骤:直接点击该部分。观察显示的可调整大小选项。点击该部分中有列组件的区域(我为视频中所有元素添加了边框以便清晰)。注意,已选中分区组件,但底部可调整大小选项未显示。 [视频链接](https://drive.google.com/file/d/1YUEYZxjpD1Un-xaBRUybuKDZO0_Xffmu/view) 实际行为:直接点击该部分时,底部可调整大小选项如预期显示。然而,当点击有列组件的区域时,该部分被选中,但底部可调整大小的选项未显示。 预期行为: 点击该区块内任意位置时,如果点击点不包含任何可选组件,应选择该区块,底部可调整大小选项应...

阅读下方完整回答 ↓

问题

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://jsfiddle.net/kanaihyakumar/oedg76nt/ 描述一下那个虫子 描述 当选择画布上的任何组件时,它会根据设置高亮底部的缩放框。但当再次点击同一个组件时,缩放框会消失。繁殖步骤用提供的HTML代码打开GrapesJS。选择画布上的任意组件以查看底部的缩放框。再次点击同一个组件。注意缩小框消失了。预期行为 底部的缩放框即使在重新选择相同组件后仍应保持可见。实际行为 重新选择同一个组件后,底部的缩放框会消失。代码 '''html <!DOCTYPE html> <html lang=“en”> <头> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <标题>文档</标题> <link rel=“样式表” href=“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”> <link href=“https://cdn.jsdelivr.net/npm/[email protected]/di...

回答(4)

kanaihyakumar• 2024年9月2日

之前,我需要更清楚地说明重现问题的步骤。以下是制作该期的精细步骤。 重现问题的步骤:直接点击该部分。观察显示的可调整大小选项。点击该部分中有列组件的区域(我为视频中所有元素添加了边框以便清晰)。注意,已选中分区组件,但底部可调整大小选项未显示。 [视频链接](https://drive.google.com/file/d/1YUEYZxjpD1Un-xaBRUybuKDZO0_Xffmu/view) 实际行为:直接点击该部分时,底部可调整大小选项如预期显示。然而,当点击有列组件的区域时,该部分被选中,但底部可调整大小的选项未显示。 预期行为: 点击该区块内任意位置时,如果点击点不包含任何可选...

kanaihyakumar• 2024年9月6日

相信我,我很幸运能找到这种点击不同地方的悲惨行为,虽然表现不同,但表现不同。

artf• 2024年8月31日

我觉得如果不是按点击键,它不会消失,但这是预料之中的,因为它准备被拖动

GJS Helper• 2026年5月17日

你遇到的问题,即重新选择已选中的组件时缩小框消失,源自你editor.on('component:selected', ...)事件监听器中的某个具体实现细节。 根本原因 在GrapesJS中,组件的resizable属性定义了哪些调整尺寸的handle是激活的。该属性通常在组件的defaults中设置一次,当使用editor.DomComponents.addType定义自定义组件类型时。 你的代码包含一个editor.on('component:selected', ...)监听器,每当选中画布上的任何组件时都会执行。在这个监听器里,你是在当前选择的组件上显式调用selected.set...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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