如何将样式或特征应用到所选组件的父元素或子元素上
@obrazkow 你可以这样访问父节点:“component.parent();” 对于子节点:“const collection = component.components();”我对 Trait 有个很大问题,无法更新 img 的 src。 干杯!
阅读下方完整回答 ↓问题
比如我有一个组件图像,它包裹在 div 里。
我想为图片做包含多个属性(水平位置、边界半径等)的样式
更新水平位置时,需要更新当前元素 - div
当更新边界半径时,需要更新子元素——img。
另外,我用Trait遇到了很大问题,无法更新IMG的src。
我在 Trait 加了 listener,变更时给 img 应用值,然后 div 和 img 把 src 一起用,但这不是个好办法。
导出默认值(编辑器)=> { 编辑。TraitManager.addType('image', { onEvent({ elInput, component, event }) { component.view.el.querySelector('img').src = elInput.value }, }); }
你能给我一些解决办法吗?
回答(3)
@obrazkow 你可以这样访问父节点:“component.parent();” 对于子节点:“const collection = component.components();”我对 Trait 有个很大问题,无法更新 img 的 src。 干杯!
用你的解特质,不知道src值和输入在初始化编辑器阶段会是空的。
我不明白你在说什么!
你怎么看我用初始化方法覆盖目标的解决方案
你用高级解决方案处理了一个非常简单的用例,我个人不建议为这种情况定义自定义特征。 干杯!
@pouyamiralayi 我就是这么做的,但用这种解决方案,选中的组件只需属性或样式,只需子组件。
相关问答
通过相似的问题讨论继续研究。
问题 #738
调整大小后图像恢复到原始大小
你好,我遇到了一个关于Component的奇怪问题: 我拿到了两种类型,图片和图标 “''js domComponents.addType('icon', { model: imageModel.extend({ defaults: Object.assign({}, imag...
问题 #3596
价值无法逃避
GrapesJS 代码存在 XSS 问题,因为值插入 DOM 时不会逃逸,例如 https://github.com/artf/grapesjs/blob/dev/src/assetmanager/view/AssetImageView.js#L30 如果“model.getF...
问题 #3329
我应该如何在脚本中获得自定义特质修改?
你好,@artf,这是一个很棒的框架,非常感谢。 我现在用它来创建移动版 BUI 框架的组件,遇到了一个问题,我添加了自定义的特性文本区,我该如何制作这个?当数据发生变化时,它会在输出脚本中触发。 “''js 编辑。TraitManager.addType('textarea'...
问题 #5346
删除组件而不删除其对应样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? <img width=“1665” alt=“im...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。