避免悬停高光,避免选择某些组件
1.防止某些组件出现悬停高亮效果。 组件已经有一个“可高亮”属性,用于虚线轮廓样式。我也在考虑用同一个属性来防止悬停高亮效果,但它也可以是新属性(比如“可悬停”或“highlightOnHover”?)。我还没测试过,但看起来我可以直接在 SelectComponent.updateHighlighter() 里检查属性的值,如果值被设置为 false,可以提前返回。 “可悬浮”认可 👍 我想指出不要在 Model 属性中使用“camelCase”命名,因为这会让属性变得非常有价值,比如 'data-gjs-*' 属性。 也请确认你对“SelectComponent.updateHighlighter”的看法。2.避免选择某些组...
阅读下方完整回答 ↓问题
你好,@artf,
在提交拉取请求之前,我想听听你们对以下两项的看法。这些是为了满足我目前正在进行的一个项目的要求,但我希望它们能在 Grapesjs Core 中占有一席之地。
-
防止某些组件出现悬停高亮效果。 组件已经有一个“可高亮”属性,用于虚线轮廓样式。我也在考虑用同一个属性来防止悬停高亮效果,但它也可以是新属性(比如“可悬停”或“highlightOnHover”?)。我还没测试过,但看起来我可以直接在 SelectComponent.updateHighlighter() 里检查属性的值,如果值被设置为 false,可以提前返回。
-
避免选择某些组件。 我也想完全避免点击某些组件时选择它们。我现在有个hack代码,给组件添加了一个“可选择”属性,如果在“component:selected”事件触发时该属性被设置为false,我就会取消选中它('editor.select(“”)')。我更希望组件一开始就不被选中,以防止其他“组件:选择”监听器运行,也避免蓝色样式轮廓和工具栏短暂闪现(我在Chrome上看到这种情况......其他浏览器的情况我就不确定了)。有没有现有的房产可以用来做这个?如果不行,你觉得我添加一个“可选择”属性,可以用来防止组件选择吗?
感谢你为这个项目所做的一切,我非常感激!
回答(3)
1.防止某些组件出现悬停高亮效果。 组件已经有一个“可高亮”属性,用于虚线轮廓样式。我也在考虑用同一个属性来防止悬停高亮效果,但它也可以是新属性(比如“可悬停”或“highlightOnHover”?)。我还没测试过,但看起来我可以直接在 SelectComponent.updateHighlighter() 里检查属性的值,如果值被设置为 false,可以提前返回。 “可悬浮”认可 👍 我想指出不要在 Model 属性中使用“camelCase”命名,因为这会让属性变得非常有价值,比如 'data-gjs-*' 属性。 也请确认你对“SelectComponent.updateHighl...
感谢你的反馈!我已经为这些项目创建了几个拉取请求,如果你想进一步讨论,告诉我。
合并,谢谢你,瑞安 👍
相关问答
通过相似的问题讨论继续研究。
问题 #710
让整个元素都能拖动,而不仅仅是手柄
我正在修改手柄,除了有手柄外,我还希望整个元素都能拖拽。看代码,我猜我只需要在select时给可拖拽的元素附加'tlb-move'命令。 上述代码在选择状态下,将选中的组件写入控制台。从这里开始,我认为需要添加一个用于拖拽的事件监听器,但我尝试用 '.on()' 附加监听器都失...
问题 #1814
:如何触发触发组件:选择的事件,用我的组件
我想在组件从块拖到画布并渲染时选择它,我尝试过在“component:add”、“component:mount”注册事件并调用“editor.select(component)”,通过回调传递组件,但它没有正确初始化或缺少属性,比如它的类型和我预期的组件不符,自定义特性也没有...
问题 #1180
用GrapeJS反应
您好,我搜索过,但没找到具体的解决方案。目前,我正在尝试将我的React应用与GrapeJS集成。 'import React, { Component } from 'react'; import './GrapesSrc/grapes.min.js'; 从“grapejs”...
问题 #429
自定义组件保存
你好,@artf抱歉打扰了,我真的不想开问题单,但我已经卡了好几天,努力实现我的最终目标 我做了一个简单的插件,增加了图标支持(font awsom),所以我有components.js block.js和一个main.js,还有一些配置 我已经成功让 onchange 工作了...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。