自定义方块的默认样式
你可以把那个类设为私有，这样就不用在样式管理器里选择它们，这样你会为组件做样式，而不是规则 “''js const privateCls = ['.mdcblockheader']; editor.on（'selector：add'， （selector） => { if （privateCls.indexOf（selector.getFullName（）） >= 0） { selector.set（{private： 1}）; } }); ```
阅读下方完整回答 ↓问题
你好，我正在用GrapesJS做Prestashop网站上的页面构建器。 这个想法是用自定义块设置默认模板存储在数据库中。商店和模板加载都正常。我的问题是，我只想使用我创建并添加到BlockManager中的自定义块，但使用默认CSS。我可以放 CSS，但默认如何设置这些块的媒体查询？页面构建器的用户只需拖动这些方块，而这些方块默认会响应。这是我的代码： “''js 编辑。BlockManager.add（'block-header'， { 标签：“Bloc Header” 内容： '<style> .mdcblockheader { 宽度：100%; display：flex; justify-content：Center; align-items：center; 高度：400像素; 背景图片：URL（'http：//placehold.it/350x250/78c5d6/fff/image1.jpg'）; 背景尺寸：封面; } .mdcblockheader span { 字体大小：22px; } </style> '<div class=“mdcblockheader”><span>Test</span></div>'， 属性：{ 标题：“插入header_block” } }); ``` 问题是我必须用 来<style></style>访问媒体查询，但当我在编辑器里拖动两...
回答（3）
你可以把那个类设为私有，这样就不用在样式管理器里选择它们，这样你会为组件做样式，而不是规则 “''js const privateCls = ['.mdc_block_header'];
editor.on（'selector：add'， （selector） => { if （privateCls.indexOf（selector.getFullName（）） >= 0） { selector.set（{private： 1}）; } });
不错，效果很好！非常感谢！
@artf 代码是正常的，但我刚看到编辑器里无法再看到元素悬停状态的选择按钮了......当我移除你让我添加的代码时，它又回来了......
相关问答
通过相似的问题讨论继续研究。
问题 #1574
问题，阻止文件中的内容
你好，这其实不算问题，更像是个问题。我目前在我的GrapesJS编辑器中使用自定义方块。我是这样创建它们的： “''js 编辑。BlockManager.add（'block-title'， { label： '<div class=“gjs-fonts gjs-f-b1 gj...
问题 #1611
脚本标签 create JSON 错误
嗨。我在Grapesjs里创建方块，需要用JS来实现悬停效果等。 每个方块的创建、存储、加载和样式都正常。 我在给我的方块添加<script></script>标签时遇到了一个问题。第一次拖动方块时工作正常，但当我存储并重新加载页面（也就是加载数据库里存储的内容）时，我就出现了...
问题 #922
问题：为组件添加默认样式
我一直在努力将葡萄糖整合进我正在开发的一个新开发项目中。 我在文档和维基论坛上取得了很大成功，但遇到了一些问题，希望有人能帮我解决。 我只用移动端视图，默认设备设置为移动端，并关闭了更改选项。 当我插入图片时，我希望默认的CSS能包含最大宽度：100%，因为如果我在移动视图加载...
问题 #1202
使用网页预设插件时类不匹配
大家好， 我正在使用网站预设插件，但当我从Grapes Demo页面拖动列时，样式不同，在我的应用程序中样式也不同，具体如下。我是不是漏掉了什么？ 葡萄界面{ 盒子尺寸：边框盒; } 正体 { 优势：0; } 身体{ 背景图片：URL（无）; 背景-重复：重复; 背景-位置：左...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。