为块添加类型,并带类名的 CSS
“''js 内容:{ 内容:section_content,// <- 你应该用“components”,而不是“content”...... 输入:'section', } '' 帮自己一个忙,别再把整个区块定义成块,采用组件导向的方法,这样你的块主要会是这样:'''js bm.add('custom-section', { label: 'Section', media: '<svg...>', 内容:{ 类型:“自定义区块”}, ... }); ```
阅读下方完整回答 ↓问题
你好@artf 我卡在一件事上,我想添加一个模块,也想用职业名称来增加风格 这是我的代码 -: 这正好给了我想要的效果 HTML部分是HTML代码,样式部分是样式部分,但我想为它添加一个新的特征,以及如何在这里定义类型 另一方面,当我定义类型并做类似的事情时 添加一个新特性后,它给了我 div 标签和内联样式,如截图所示。 你能帮我解答一下吗 谢谢 如果我在组件中定义内容,那我如何用类名定义样式 <img width=“413” alt=“截图 2021-01-06 上午11:04 24” src=“https://user-images.githubusercontent.com/20657737/103745089-e242b780-5024-11eb-9dff-5901a218a028.png”>
回答(2)
“''js 内容:{ 内容:section_content,// <- 你应该用“components”,而不是“content”...... 输入:'section', } '' 帮自己一个忙,别再把整个区块定义成块,采用组件导向的方法,这样你的块主要会是这样:'''js bm.add('custom-section', { label: 'Section', media: '<svg...>', 内容:{ 类型:“自定义区块”}, ... });
谢谢你举报,@Abhisheknanda1344463。 感谢你分享关于为块添加类型和带有类名的CSS的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分记录的问题反应迅速。
相关问答
通过相似的问题讨论继续研究。
问题 #3448
向组件应用自定义类似乎没有效果
当某些条件未满足时,我会在组件上添加一个类,比如没有 href 集。我查看了源代码,看到了“nolink”类,但它没有把背景色设置为红色,检查元素时也看不到它,这就是我尝试添加它的方式,但当我用cc.getAll()时,我看不到nolink类,所以我不确定问题出在哪里 'var...
问题 #3559
Page.getMainComponent().view 在选择页面时显示未定义
你好,@artf, 我想获取所选页面的HTML元素。但使用以下代码时,会返回未定义的状态: “''js editor.on('page:select', page => { page.getMainComponent().view.el.querySelector('secti...
问题 #3212
Lightbox 组件
你好@artf 我正在尝试制作一个组件光箱,和Grape Drop一样。 我无法更新图片的原始字符 你能帮我一下吗 这是我目前写的代码 灯箱块 组件- :
问题 #3122
复制组件缺少媒体样式
版本: 0.16.27 摘要: 复制组件缺少媒体样式 繁殖步骤: 试着在平板或手机上更改一些内容 复制更改后的组件 意料之中: 复制的组件具有媒体样式 真实: 重复组件没有媒体样式
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。