PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #2536💬 已回答提出于 2020年1月29日作者 andy-aware3 个反应

背景图内嵌

快速解答作者 pouyamiralayi❤ 1

你好@awaredigital StyleManager 同时针对组件和 CSSRules,所以请按以下方式操作: 干杯!

阅读下方完整回答 ↓

问题

你好,

看了文档,我找不到任何地方解释我想要做什么。

目前,Grapes 抓取背景图像并放入样式中,但我想把这张图片不添加到背景样式中,而是想把它放到被选中的元素上的数据元素中。

我一直在关注:

editor.on('component:styleUpdate', function(e, i){});

但在这里,我找不到需要针对的正确属性来触发更改,而且当画布新增了物品时,它似乎也不会更新。我可能错了,但我一直在打转。

回答(3)

pouyamiralayi• 2020年1月30日

你好@awaredigital StyleManager 同时针对组件和 CSSRules,所以请按以下方式操作: 干杯!

andy-aware• 2020年1月30日

那太好了。我该如何停止

model.getStyle()['background-image']

被传入CSS吗?只有背景图。

谢谢

pouyamiralayi• 2020年1月30日

@awaredigital我测试了上面的代码,运行正常。 但对于该错误,您可以在进一步处理前检查“BG”,因为在我们更新组件样式后,可能会再次收到回调,这正是您的情况:

如果 (bg != null) {
    const idx = bg.toString().indexOf('url(')
    //...
}

干杯!

相关问答

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

问题 #2496

将 rgb/rgba 颜色值转换为十六进制代码

大家好, 我遵循的步骤:拖动文本块。设置字体颜色。(采用RGB/RGBA格式) 我所期待的: 样式需要像六角代码一样更新。(像,#f0f0f0) 我尝试用 'editor.on('component:styleUpdate:color', function (model) {'...

3 个回答更新于 2020年1月12日

问题 #4572

Page update event doesn't fire

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初始化 grapes创建事件处理程序,用于页面更新时使用。更新页面...

4 个回答更新于 2025年3月6日

问题 #3404

Style Manager Issue.

你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后,我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码,但出现了错误 -: “''js 导出默认值(编辑器,配置)=> { const sm = 编辑...

4 个回答更新于 2021年5月6日

问题 #3409

Custom component property that is not a trait

我想创建一个带有属性的自定义组件,该属性会被特定代码更新,但我不希望这个属性作为特性可见且可更新;假设我的属性叫“ebTesto”,我写了一个插件函数: 我本以为会在存储的 JSON 的“gjs-components”部分找到新属性,但结果是这样的: 也许我尝试的方式错了? 有...

4 个回答更新于 2021年4月23日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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