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

问题 #1536💬 已回答提出于 2018年10月23日作者 dlorenzo0 个反应

传播不同的价值

快速解答作者 artf

有没有办法让我给父版本添加selectable: true,并传播一个假值? 我觉得唯一的办法是在中间做一个包装: '''html <parent> <——可选择 <div data-gjs-selectable=“false” propagate..> <-- not selectable <child> ... ```同样地,是否有可能在后续覆盖传播? 不,你不能只通过道具阻止传播 如果你需要,关于繁殖的所有内容都在这里发生:https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L125-L135

阅读下方完整回答 ↓

问题

你好:

我想防止子元素被选中,这样只能选择顶层的父元素(这样就不会移除子元素,也避免只能处理整块)。我创建了一个组件,用可选的false定义父节点,并传播:['selectable']。这个方法还行,但当然,父节点不能被选择。

有没有办法给父节点添加selectable: true,并传播一个false值?

同样地,是否有可能在后续覆盖传播?在同一个实验中,我尝试在子组件中设置“selectable: true”,但没有任何效果。

谢谢!

回答(2)

artf• 2018年10月30日

有没有办法让我给父版本添加selectable: true,并传播一个假值? 我觉得唯一的办法是在中间做一个包装: '''html <parent> <——可选择 <div data-gjs-selectable=“false” propagate..> <-- not selectable <child> ... ```同样地,是否有可能在后续覆盖传播? 不,你不能只通过道具阻止传播 如果你需要,关于繁殖的所有内容都在这里发生:https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1...

imanubhardwaj• 2019年5月24日

我也遇到这个问题,我创建了一个自定义组件,图片包裹在<a>标签里,当我点击组件时,触发的是图片标签点击<a>,而不是标签点击。有没有什么解决办法?

相关问答

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

问题 #6409

Cannot drag to move components on mobile

GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞? 使用grapesjs v0.22.x 初始化一...

4 个回答更新于 2025年6月23日

问题 #5049

Problem when dragging component composed by image and link

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像 mj-ima...

4 个回答更新于 2023年4月18日

问题 #4310

样式管理器在使用包含“bout”和 componentFirst = true 的组合 CSS 选择器时不准确

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 100 可复制演示链接 https://jsfiddle.net/4fmd732c/3/ 描述一下那个虫子 如何复现这个漏洞? 给定 a) componentFirst 设...

4 个回答更新于 2022年5月12日

问题 #3405

专长:在块状物落入画布前,需要挂钩的事件

警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...

4 个回答更新于 2021年5月4日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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