更新 styleManager 拖曳和调整大小的属性
问题
我需要实时看到在 styleManager 中拖动或调整组件大小(或其他改变样式属性的方式)时,组件属性的更新情况。
我通过这个方法看到了宽度和高度:
'editor.on(“styleManager:change:widthstyleManager:change:height”, (response) => { editor.trigger(“component:styleUpdate”); });`
现在,我需要类似这样的工具来显示组件位置(顶部、底部、左侧、右侧)和字体大小(然后可能还有别的),我尝试过其他方法,比如“editor.trigger(”component:toggled“);' 和 'StyleManager.render(),',但这不是正确的方法......
有什么建议吗?
回答(1)
#2374的复制品
相关问答
通过相似的问题讨论继续研究。
问题 #1708
StyleManager 事件每次变更都会多次触发
复制: 在全新安装的GrapesJS中,在演示页面(index.html内)添加一个事件监听器,如下: 'editor.on('component:styleUpdate:width', (model) => { console.log(模型); });问题: 当更改任何元素的...
问题 #1904
找零财产浮动
我正在尝试通过事件监听“float”属性的变化,判断它是在Style Manager中被移到了“左”、“右”还是“无”,但我的代码似乎没有给出想要的结果。 它给出的是“style update null”作为输出。理想的输出是float:right、float:left或flo...
问题 #807
倒计时更新信息求助
我用“grapesjs-component-countdown”,当我在日历里选择日期时,插件里的信息会更新。 示例:https://monosnap.com/file/sSOQJ3M4hxVRQgj008Kl302GtXu1ah 比如这样: change: function(...
问题 #4897
Component:styleUpdate / component:styleUpdate:propertyName 未被触发
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge 109.0.1518.70 可复制演示链接 https://jsfiddle.net/rudacs/kr2x1mnh/ 描述一下那个虫子 如何复现这个漏洞?在 StyleManager...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。