问题 #2948💬 已回答提出于 2020年8月10日作者 mmotov1 个反应

:单元格中的图像会改变内容

快速解答作者 Ju99ernaut1

我能用默认网格重现这种行为 ![图片1](https://user-images.githubusercontent.com/48953676/90405937-c2761b80-e0a4-11ea-9dca-c1ebd9fd0360.png) 但当我开启flex-grid时,它就正常工作了 ![图片2](https://user-images.githubusercontent.com/48953676/90405993-d3bf2800-e0a4-11ea-9d68-1dfa5ba33a4d.png) 可能需要替换所有之前使用“display: table”的组件实例,但我觉得没必要,因为你的解决方案有效。

阅读下方完整回答 ↓

问题

你好!我遇到了一个问题,在单元格中添加图片时,邻居单元格的内容会“跳”到底部。 实际上,这个问题不仅出现在图片上,视频、链接等方面也有。

这是没有图片时的效果: ![截图 2020-08-10 上午11:59:58](https://user-images.githubusercontent.com/25824414/89766575-0b582e00-db01-11ea-99ec-8ddc5094adac.png)

现在附上图片: ![截图 2020-08-10 12:00 43 PM](https://user-images.githubusercontent.com/25824414/89766638-25920c00-db01-11ea-85b7-51d0f8a112da.png)

有人知道可能是什么原因,怎么解决吗?

回答(3)

Ju99ernaut2020年8月17日

我能用默认网格重现这种行为 ![图片1](https://user-images.githubusercontent.com/48953676/90405937-c2761b80-e0a4-11ea-9dca-c1ebd9fd0360.png) 但当我开启flex-grid时,它就正常工作了 ![图片2](https://user-images.githubusercontent.com/48953676/90405993-d3bf2800-e0a4-11ea-9d68-1dfa5ba33a4d.png) 可能需要替换所有之前使用“display: table”的组件实例,但我觉得没必要,因...

Ju99ernaut2020年8月17日

这可能和网格系统默认使用的“display: table”有关,把它加到你的“grapesjs.init”里。 “''js //... pluginsOpts: { //... 'gjs-blocks-basic': { flexGrid:1 } }, //...

mmotov2020年8月17日

@Ju99ernaut谢谢回复,但遗憾的是没用。 我通过覆盖默认的单元组件解决了这个问题。我补充了

默认值:{
        ...defaultModel.prototype.defaults,
       //...
        风格:{
          “垂直对齐”:“顶部”,
        },
      }

但也许是我做错了什么

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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