问题 #1873💬 已回答提出于 2019年3月9日作者 alialrabi1 个反应

网格组件调整大小 其单元宽度不工作

快速解答作者 artf1

这是因为网格使用了柔性,所以宽度应该用“弹性基准”来表示。在这种情况下,'resizable'应该是这样的对象 '{ keyWidth: 'flex-basis' }'

阅读下方完整回答 ↓

问题

你好,artf, 我有个问题:当我实现包含行和三个单元格的网格组件时,我想让这些单元格在宽度和高度上可重叠,所以我在组件选择时设置一个事件,设置可调整大小=true, 调整细胞高度时可以正常调整,但细胞宽度没有变化,调整大小时,我该如何让细胞可调整大小。 这是我的代码:

BlockManager.add('my-grid', { 标签:“Grid”, 分类:“基础”, 内容:'<div title= “grid” class=“row” style=“height:50px; border-width:0px”><div class=“cell”></div><div class=“cell”></div><div class=“cell”></div></div>', 属性: {class:'gjs-fonts gjs-f-b3 gjs-block gjs-one-bg gjs-four-color-h'}, 风格:{ “宽度”:“33大车”, } });

事件为:

editor.on('component:selected', function (args) { args.attributes.resizable = true;

});

回答(2)

artf2019年3月10日

这是因为网格使用了柔性,所以宽度应该用“弹性基准”来表示。在这种情况下,'resizable'应该是这样的对象 '{ keyWidth: 'flex-basis' }'

lock[bot]2020年3月10日

由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。

相关问答

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

问题 #1206

问题:在嵌套内容中添加脚本时,与单个内容 ta 相比表现出不同的行为

你好, 我们实际上正在尝试添加一个自己的 JS 脚本,可以读取文件并在 HTML 上预览。 但通过添加 BlockManager,我们注意到一种不同的行为,无法执行删除/复制等操作,也无法编辑内部元素。 内容中的内容被视为单一的块元素,我们必须采用这种方法来添加脚本。 以下是我...

2 个回答更新于 2019年9月17日

问题 #1574

问题,阻止文件中的内容

你好,这其实不算问题,更像是个问题。我目前在我的GrapesJS编辑器中使用自定义方块。我是这样创建它们的: “''js 编辑。BlockManager.add('block-title', { label: '<div class=“gjs-fonts gjs-f-b1 gj...

2 个回答更新于 2019年11月16日

问题 #1863

向区块管理器添加新组件

我正在尝试将画布中的多个组件添加到块管理器中,但我认为由于ID问题,它们无法正确显示。ID具体指什么? 这是我的代码:

3 个回答更新于 2020年3月10日

问题 #1733

如何移除由添加块管理器脚本添加的脚本标签

你好@artf 我想导出最终/基于制作的HTML内容,但不包括脚本(只导出由块管理器添加的脚本)。 假设我用block-manager添加一个新块,比如 现在当我把这个块放进编辑器时,它会在文档里创建一个 div 标签,同时还会生成类似的脚本, 所以,当我尝试用“editor....

3 个回答更新于 2020年2月4日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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