按类别调整尺寸:(
@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)
@ramusesan @edwinjoel1984你的问题是因为共享的选择器。类似问题[见此处](https://github.com/artf/grapesjs/issues/2368)。 我建议这个[帖子](https://github.com/artf/grapesjs/issues/404)来解决这个问题。 干杯!
@artf这就是问题所在
即使我也遇到同样的问题,可能是优先顺序的问题,假设我有同一元素的ID和类 即' <table id=“myId” class=“myClass”> ..... </table>` 尝试调整表大小时,样式应用在.myClass而不是 #myId
为什么课程比智能设计更重要
如何修复
相关问答
通过相似的问题讨论继续研究。
问题 #1863
向区块管理器添加新组件
我正在尝试将画布中的多个组件添加到块管理器中,但我认为由于ID问题,它们无法正确显示。ID具体指什么? 这是我的代码:
问题 #5388
运行无头模式时,编辑器返回不同的 HTML
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hid...
问题 #3078
如何让 Bootstrap 4 旋转木马在 Grapesjs 上工作?
我成功地用 Grapesjs 做了一个小型拖放构建器。效果很好。我遇到的问题是在拖拽Bootstrap旋转木马进入建造器时。旋转木马在普通页面上正常运作。但在框架内,只有第一张图片显示,我无法用控件切换图片。我研究过lory插件,但我很想用Bootstrap实现这个功能。有葡萄...
问题 #2762
如何直接从添加块中听到性状值的变化
我正在将 JSON 传递给 'editor'。BlockManager.add()' 函数来定义我的块,从服务器加载内容,并以同样方式填充名为“defaultCategory”的select类型特征。 一切都很顺畅。现在我需要听到那个选择的“onchange”事件,并在那里执行...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。