使用组件时,我该如何添加我的类CSS文件?
问题
我有这个组件:
编辑。BlockManager.add('rodape', { 唱片公司:'3 Colunas', 内容:{ 标签名称:“div”, 可拖拽:确实, 属性:{ 类: 'row' }, 风格:{ '展示':“flex”, 'justify-content': 'flex-start', '对齐物品':'拉伸', 'flex-wrap': 'nowrap', “填充”:“10像素”, }, 内容:《拉拉》 } });
我想使用类 ROW,但我该在哪里定义这个类? 当我把这个组件块拖入画布时,类的CSS甚至都没有加载。
回答(3)
嗨,@Leozinho0 你可以这样做:
其实,我给你的代码是有效的,想明白我的意思,试试这个:
- 把自定义组件放到 Canvas 里,正如你说的,它不会加载 css 的“.row” 风格
- 现在在画布中放置任意一列块,你会看到“.row” CSS 已被加载。
这是因为样式在块内部,只有在你把列块放入画布时才会渲染出来。 你可以在控制台打印时检查组件的HTML和CSS是否像我第一条评论里给你的代码那样制作。 “编辑。BlockManager.get(“column3”).attributes.content'
嗨。谢谢你的回答。 但这根本没用。
如果你在添加组件(例如:3列)时点击 https://grapesjs.com/demo.html 并导出html,你会看到它加载了.row和.cell类。
相关问答
通过相似的问题讨论继续研究。
问题 #1202
使用网页预设插件时类不匹配
大家好, 我正在使用网站预设插件,但当我从Grapes Demo页面拖动列时,样式不同,在我的应用程序中样式也不同,具体如下。我是不是漏掉了什么? 葡萄界面{ 盒子尺寸:边框盒; } 正体 { 优势:0; } 身体{ 背景图片:URL(无); 背景-重复:重复; 背景-位置:左...
问题 #1566
自定义方块的默认样式
你好,我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是,我只想使用我创建并添加到BlockManager中的自定义块,但使用默认CSS。我可以放 CSS,但默认如何设置这些块的媒...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...
问题 #4792
20.2版本的拖放功能失效了
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞?创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式,丢弃后再将组件本身设为绝对拖拽。...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。