背景图内嵌
问题
你好,
看了文档,我找不到任何地方解释我想要做什么。
目前,Grapes 抓取背景图像并放入样式中,但我想把这张图片不添加到背景样式中,而是想把它放到被选中的元素上的数据元素中。
我一直在关注:
editor.on('component:styleUpdate', function(e, i){});
但在这里,我找不到需要针对的正确属性来触发更改,而且当画布新增了物品时,它似乎也不会更新。我可能错了,但我一直在打转。
回答(3)
你好@awaredigital StyleManager 同时针对组件和 CSSRules,所以请按以下方式操作: 干杯!
那太好了。我该如何停止
model.getStyle()['background-image']
被传入CSS吗?只有背景图。
谢谢
@awaredigital我测试了上面的代码,运行正常。 但对于该错误,您可以在进一步处理前检查“BG”,因为在我们更新组件样式后,可能会再次收到回调,这正是您的情况:
如果 (bg != null) {
const idx = bg.toString().indexOf('url(')
//...
}
干杯!
相关问答
通过相似的问题讨论继续研究。
问题 #2496
将 rgb/rgba 颜色值转换为十六进制代码
大家好, 我遵循的步骤:拖动文本块。设置字体颜色。(采用RGB/RGBA格式) 我所期待的: 样式需要像六角代码一样更新。(像,#f0f0f0) 我尝试用 'editor.on('component:styleUpdate:color', function (model) {'...
问题 #4572
Page update event doesn't fire
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/1hza4t9n/ 描述一下那个虫子 如何复现这个漏洞?初始化 grapes创建事件处理程序,用于页面更新时使用。更新页面...
问题 #3404
Style Manager Issue.
你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后,我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码,但出现了错误 -: “''js 导出默认值(编辑器,配置)=> { const sm = 编辑...
问题 #3409
Custom component property that is not a trait
我想创建一个带有属性的自定义组件,该属性会被特定代码更新,但我不希望这个属性作为特性可见且可更新;假设我的属性叫“ebTesto”,我写了一个插件函数: 我本以为会在存储的 JSON 的“gjs-components”部分找到新属性,但结果是这样的: 也许我尝试的方式错了? 有...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。