问题 #2440💬 已回答提出于 2019年12月2日作者 edwinjoel19841 个反应

按类别调整尺寸:(

快速解答作者 pouyamiralayi1

@ramusesan @edwinjoel1984你的问题是因为共享的选择器。类似问题[见此处](https://github.com/artf/grapesjs/issues/2368)。 我建议这个[帖子](https://github.com/artf/grapesjs/issues/404)来解决这个问题。 干杯!

阅读下方完整回答 ↓

问题

我遇到的主要问题是,我试图在我制作的一个组件中做调整大小,但如果两个组件大小相等,当我调整其中一个组件时,另一个也会做同样的调整。所以,我认为我需要通过ID来管理它们的样式,而不是按类别。 这是我的代码: 'const buttonComponent = { 名称:“button-bk”, 数据:{ ID:“按钮”, 标签:“纽扣”, 分类:“基本组件”, 可拖拽:确实, 内容: '<button class=“btn-builder” data-gjs-draggable=“.cell” data-gjs-resizable='{“tl”:0,“tc”:0,“tr”:0,“cl”:0,“cr”:1,“bl”:0,“br”:0,“minDim”:1,“bc”:0,“currentUnit”:1,“step”:0.2}' data-gjs-name=“Button”>Send</button>', }, }; 编辑。BlockManager.add('button', buttonComponent); ` 查看示例 https://cl.ly/c4bfaf626adc Originally由@edwinjoel1984在 https://github.com/artf/grapesjs/issues/2435#issuecomment-560447001发布

回答(3)

edwinjoel19842019年12月2日

@artf这就是问题所在

ramusesan2019年12月3日

即使我也遇到同样的问题,可能是优先顺序的问题,假设我有同一元素的ID和类 即' <table id=“myId” class=“myClass”> ..... </table>` 尝试调整表大小时,样式应用在.myClass而不是 #myId

为什么课程比智能设计更重要

如何修复

现场演示在这里: https://stackblitz.com/edit/react-mcv9vz

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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