背景图内嵌
问题
你好,
看了文档,我找不到任何地方解释我想要做什么。
目前,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) {'...
问题 #3404
风格管理器问题。
你好@artf我想隐藏和显示特定组件的样式属性。 提到这个问题后,我就说 https://github.com/artf/grapesjs/issues/1428 我用这个方法写代码,但出现了错误 -: “''js 导出默认值(编辑器,配置)=> { const sm = 编辑...
问题 #3409
自定义组件属性,但不是特质
我想创建一个带有属性的自定义组件,该属性会被特定代码更新,但我不希望这个属性作为特性可见且可更新;假设我的属性叫“ebTesto”,我写了一个插件函数: 我本以为会在存储的 JSON 的“gjs-components”部分找到新属性,但结果是这样的: 也许我尝试的方式错了? 有...
问题 #1708
StyleManager 事件每次变更都会多次触发
复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。