当我们用类“xyz”调整图片大小时，页面上同一类的所有元素也会被调整大小，因为编辑器会给这些类添加css。

Question

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？版本 104.0.5112.101（官方构建）（arm64）视频演示链接 https://d.pr/i/27EgH2描述一下那个虫子当我们调整带有“xyz”类的图片大小时，页面上所有同类元素也会被调整大小，因为编辑器会为这些类添加高度、宽度、CSS。但当我从图片中移除所有类时，编辑器会用 ID 来设置 CSS 的高度宽度。我正在编辑器中加载一个引导模板。录音链接：https://d.pr/i/27EgH2 繁殖步骤：加载引导模板进行编辑。添加多个带有影子类的 div ex.（''<'div 类=''shadow'>'''）将一张图像放入带有阴影类的 div 中，然后尝试调整图像大小。注意所有div和图像一起移动/调整大小。仅应调整预期行为图像大小。也使用了 grapesjs-parser-postcss，并在初始化代码中添加了它。通过 canvas 选项传递 CSS 和 JavaScript URL。 init方法：行为准则[X] 我同意遵守本项目的行为准则

DevMetwaly · Accepted Answer

https://grapesjs.com/docs/modules/Components.html#components-css

组件优先的样式默认情况下，当你在画布中选择组件并应用样式时，会对其现有的类进行更改。这会导致所有应用类别的组件发生变化。如果你只想对特定选定组件应用样式，就必须通过这种方式选择 componentFirst 策略。

 Grapesjs.init（{
  ...
  选择经理：{
    componentFirst： true，
  },
})

FaisalShaikhHA · Answer

谢谢，@DevMetwaly有效，抱歉我错过了。

FaisalShaikhHA · Answer

你好，@artf，首先，这个框架非常棒，感谢你让它开源。 正如上面评论里描述的，我遇到了这个奇怪的问题，如果我做错了什么或者有解决办法，请告诉我，谢谢。

当我们用类“xyz”调整图片大小时，页面上同一类的所有元素也会被调整大小，因为编辑器会给这些类添加css。

问题

回答（4）

相关问答

设备宽度默认无效

符号在逐步加载页面时会断裂（实例丢失__symbol链接）

无法调整图片大小

当iframe身体有缩放时，showOffsets bug出现

与此问题匹配的付费插件

浏览插件分类