多列布局中元素定位的问题
你可以把这个添加到'grapesjs.init'里的'pluginOpts'里: “''js const editor = Grapesjs.init({ // ... pluginsOpts: { “GJS-Blocks-Basic”: { stylePrefix: '', // no gjs- 前缀 flexGrid:1 // 用flexbox代替表格 } }, // ... }); ``` 这可能也能解决你之前的对齐问题,对响应式设计更有利
阅读下方完整回答 ↓问题
如何控制列中单元格中元素的位置?左侧是地图元素,右侧是文本和图像。如下面的截图所示,右侧的元素位于地图之后。
类似的问题也存在于[这个](https://codepen.io/artf/pen/MQpZPj)codepen(Grapesjs Custom UI由@artf)中。 
回答(3)
你可以把这个添加到'grapesjs.init'里的'pluginOpts'里:
“''js const editor = Grapesjs.init({ // ... pluginsOpts: { “GJS-Blocks-Basic”: { stylePrefix: '', // no gjs- 前缀 flexGrid:1 // 用flexbox代替表格 } }, // ... });
这可能也能解决你之前的对齐问题,对响应式设计更有利
@theSC0RP 这其实并不是GrapesJS本身的问题。GrapesJS 中的单元格有 “''CSS display:table-cell; 参见 https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align 所以你可以选择自动应用到自定义组件上,或者为这个设置创建一个自定义样式属性,方便更改。表格布局中可能还有其他对齐物品的方法。或者,你也可以创建自定义布局组件,按你的需求操作。
@MartinPutz 谢谢你的回答。我该如何在单元格上创建并应用自定义样式属性? 我用的是 [grapesjs-blocks-basic](https://github.com/artf/grapesjs-blocks-basic) 插件,所以这个单元格的类名是 'gjs-cell'。我尝试在我的styles文件中添加该类的推荐属性,但问题依旧存在。
相关问答
通过相似的问题讨论继续研究。
问题 #2757
如果没有选中组件,隐藏样式管理器
你好,我想重现默认的 GJS 行为,当样式管理器被隐藏时,如果没有选中任何组件。 像这样: ,但不行。 目前的行为是什么? 见附件。 你能附上截图、截屏或实时演示吗?**[x] 是(附上)[...
问题 #3564
Unable to refresh the iframe
0.17.19 你能重现演示中的bug吗? 是的 预期的行为是什么? 我之前问过一个关于iframe刷新(#3413)的问题。[提案的解决方案](https://github.com/artf/grapesjs/issues/3413#issuecomment-83189223...
问题 #3309
TextNodes interfere when changing content on element
版本: 0.16.44 你好@artf 我有一个自定义方块,带有自定义按钮组件,内容和这个类似。 ` <a data-gjs-type=“custom_button” class=“btn btn-1” href=“”>Click here</a>' 此外,我添加了一个文本特性...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。