Component:styleUpdate / component:styleUpdate:propertyName 未被触发
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器?
Edge 109.0.1518.70
可复制演示链接
https://jsfiddle.net/rudacs/kr2x1mnh/
描述一下那个虫子
如何复现这个漏洞?
- 在 StyleManager 中更改某些属性。
- 更改 StyleManager 中的宽度属性。
预期的行为是什么? 事件 component:styleUpdate 被触发。
目前的行为是什么? 不会触发任何事件 component:styleUpdate。
行为准则
- 我同意遵守本项目的行为准则
回答(4)
嘿,@rudacs你试过用'style:property:update'吗?
这个活动奏效了。它被改成了这个吗? 而且只针对一处房产? 我该如何获得组件和属性被更改的?
特朗克。
我来这里是因为我也有同样的问题。
使用建议的“style:property:update”似乎有效,但不知为何每次点击都会触发。
另外,我们如何针对某个特定的样式属性变更,比如“文本对齐”?
谢谢你举报,@rudacs。 关于component:styleUpdate / component:styleUpdate:propertyName 未触发的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生...
相关问答
通过相似的问题讨论继续研究。
问题 #5424
'component:styleUpdate' 事件未被触发
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 116.0.5845.187可复制演示链接 https://jsfiddle.net/yLcvbwjd/描述一下那个虫子 如何复现这个漏洞?添加“component:styleUpdat...
问题 #5049
拖拽由图片和链接组成的组件时出现的问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/rp7oc96v/1/ 描述一下那个虫子 嗨,亚瑟! 我正在创建一个新组件,一个链接中的图片,就像“mj-image”组件...
问题 #4601
在切换某些目标时,添加到样式管理器的自定义类型 update() 不再被触发。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬104 可复制演示链接 https://jsfiddle.net/aw8p0h9j/ 描述一下那个虫子 如何复现这个漏洞?打开 jsfiddle 链接。点击两个div之间,然后在任一div和背景...
问题 #6659
符号样式未同步
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 145.0(64位) 可复制演示链接 https://jsfiddle.net/arturarseniev/ta19s6go/ 描述一下那个虫子 如何复现这个漏洞? 进入官...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。