问题 #1369💬 已回答提出于 2018年8月16日作者 alimajed930 个反应

一个模块的类别不总是在类别部分显示

快速解答作者 artf

无法复现,只需提供一个现场演示(正如我在问题模板中建议的**),并附上该块

阅读下方完整回答 ↓

问题

大家好,

我添加了许多自定义块,并为这些块中的所有图片赋予了相同的 css 类。暂且称之为“图像类”。当我拖拽其中两个方块,并在其中一个方块中选择一张图片时,“image-class”类一开始不会显示,点击右侧面板的类部分。只有当用户点击第二张图片时才会显示。

你可以在下面的图片中看到,如果用户拖放一个“网格物品”块,选择一张图片,可以在面板右上角的类部分看到“grid-item-image”类 <img width=“1277” alt=“截图 2018-08-16 6:00 49 p.” src=“https://user-images.githubusercontent.com/28840780/44217144-745d7300-a17f-11e8-9e0d-ffa35d17244f.png”> 这就是我想描述的行为。

这个类并不总是在第一次图像选择时出现,这给我带来了困扰,因为如果用户按照示例修改填充,他实际上是在修改整个类的填充,所以所有图片都会受到影响,这让用户很困惑,因为类“image-class”并没有来取消勾选,只修改选中的图像,而不是所有带有“image-class”类的块。

回答(3)

artf2018年8月21日

无法复现,只需提供一个现场演示(正如我在问题模板中建议的**),并附上该块

alimajed932018年8月21日

我会和大家分享一些截图,肯定能让这个问题更清晰:步骤1:在画布中拖放一个块,点击选中 <img width=“642” alt=“截图 2018-08-21 上午10:16 29” src=“https://user-images.githubusercontent.com/28840780/44386545-7599f180-a52b-11e8-99ba-1a2c7e3dca9e.png”> 你可以看到ID没有显示应该在哪里步骤2:通过点击其他位置取消选择该块,然后再次选择 <img width=“1278” alt=“截图 2018-08-21 上午10:16 44” src=“http...

artf2018年8月23日

我理解你的问题,但你还是得发现场演示,因为我无法复现。这可能取决于很多因素,仅仅截图是不够的。我甚至不确定你用的是不是最新版本,所以请更新一下......另一个问题是,我该如何添加类似的附加内容?比如说我想在“被选中”下添加类似标签名的东西,以显示所选组件的标签名;换句话说,我希望每次用户点击一个模块时,都能看到该块的标签名和 id。有没有办法实现这个功能? 你可以依赖以下信息: “''js editor.on('component:selected', component => { someSelectedEl.innerHTML = component.get('tagName'); ....

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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