:组件:移动事件
你试过用 [Components-&-JS](https://github.com/artf/grapesjs/wiki/Components-&-JS)吗?
阅读下方完整回答 ↓问题
我想实现的目标: 我有一段代码需要在组件“丢弃”时运行。我把“dropped”加引号,因为TLB移动结束时它需要触发。
作为用户,如果我点击工具栏中的移动图标,完成组件移动后,我需要代码启动。我尝试了不少事件都没成功:stop:tlb-move、change:canvasOffset、focus和move-comp;但都没有成功。
我加载的编辑器内容包含一个Flexslider实例(它会创建额外的标记/元素样式),当用户移动Flexslider的容器时,这个实例就会失效。为了解决这个问题,我希望能立即重新初始化滑块,这样它就不会坏掉。
还有其他事件可以用来运行我的代码吗?我避免使用“component:updated”,因为它触发次数太多了。
我还有一个想法,有没有办法在编辑器里更新真实来源?这样它就已经把 HTML 存储在模型里了。
回答(3)
你试过用 [Components-&-JS](https://github.com/artf/grapesjs/wiki/Components-&-JS)吗?
我也遇到同样的问题——我无法确定组件上的某个事件来监听移动结束时的信号。
所以,我唯一能让它合理运行的方法是监听组件模型的 init() 方法中触发的“selectComponent” 事件 https://github.com/artf/grapesjs/blob/b62e032b06f45382849b59e6a3f32049f0a021fc/src/commands/index.js#L168: “JavaScript editor.on('change:selectedComponent', (editor, model) => { 如果 (model === this) { 做点什么...... } }); ``` 如果有专门的移动命令事件,比如move...
相关问答
通过相似的问题讨论继续研究。
问题 #527
模型和HTML返回问题
#522 @artf我照你说的试过了,但还是没成功,我不想浪费你的时间,但如果你能做一个小样本或者指引我去样本,那会非常有帮助,我肯定我漏掉了什么。 抱歉不得不开另一个问题,但这是同一个#522的延续, here it editor.html() only return def...
问题 #513
模型及返回的HTML问题
I have below code to create custom component and wants to retrieve updated html via editor.html() but return wrong html, I am sure I am mis...
问题 #921
从面板按钮中选择并聚焦一个HTML元素
大家好, 有没有可能用Grapes设置 HTML 中的 section focus,比如作为锚点?我有一个面板按钮,它只是选择我想要的section,但不会选择聚焦到元素。代码如下: panel.addButton('options', [{ 编号:“链接”, 班级名称:“fa...
问题 #1696
特质首次出现在自定义组件的拖拽中
你好,artf,我创建了自定义组件并为它添加了特征,当拖动这个组件到编辑器并选择它时,设置特征是正常工作的。 问题是,当将同一个组件拖到旧组件后面到编辑器并选择设置特征时,默认特征(ID,标题)会只显示,这是我实现的代码 对于创建组件: this.editor.BlockMan...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。