问题 #1004💬 已回答提出于 2018年4月4日作者 gabrigcl0 个反应

增强组件的“可拖拽”属性,以便在可拖拽组件设置为通配符“*”时排除某些组件

快速解答作者 artf

你是说像“可拖拽:”*:not(your-component)“这样的东西吗?

阅读下方完整回答 ↓

问题

嗨。我想增强组件的“可拖拽”属性,以便在可拖拽组件设置为“*”通配符时,排除某些组件。举个例子,根据我的情况:

我需要“视频”和“图像”组件都能在每个组件上拖拽,除了“my_custom_component”。我的建议是添加一个新属性“draggable_excluding”,或者在“可拖拽”属性中启用两个字段作为一个对象: '可拖拽:{ 组件:C、//C 字符串或数组类型 排除:e //e 字符串或数组类型 }`

提前感谢大家。

回答(3)

artf2018年4月5日

你是说像“可拖拽:”*:not(your-component)“这样的东西吗?

gabrigcl2018年4月5日

是的,我喜欢你的想法!

artf2018年4月7日

在“可拖拽”和“可丢弃”属性里,你可以传递任何类似CSS的查询字符串,所以已经是可行的了

相关问答

通过相似的问题讨论继续研究。

问题 #701

在编辑器中修改组件会清除模型内容

我想实现的目标: 我在编辑器中拉入的一些组件上有特殊的“data-”属性。当其中一个被修改时,我想获取“data-”属性的值和新内容。我有代码监听组件被修改。当这个事件触发时,我正在查看内容(正在进行中)。然而,当我拿到内容时,它是空的,尽管组件本身并没有...... 问题似乎...

3 个回答更新于 2019年9月18日

问题 #1908

无法读取未定义属性“indexOf”。

我在这里找到过之前的结果:https://github.com/artf/grapesjs/issues/1772 但我仍然无法让它工作,按照你的指南和那个问题中的答案,使用最基础的设置。 我的剧本: 页面简单地表示: ![图片](https://user-images.git...

3 个回答更新于 2020年3月27日

问题 #1904

找零财产浮动

我正在尝试通过事件监听“float”属性的变化,判断它是在Style Manager中被移到了“左”、“右”还是“无”,但我的代码似乎没有给出想要的结果。 它给出的是“style update null”作为输出。理想的输出是float:right、float:left或flo...

3 个回答更新于 2020年3月27日

问题 #850

:组件:移动事件

我想实现的目标: 我有一段代码需要在组件“丢弃”时运行。我把“dropped”加引号,因为TLB移动结束时它需要触发。 作为用户,如果我点击工具栏中的移动图标,完成组件移动后,我需要代码启动。我尝试了不少事件都没成功:stop:tlb-move、change:canvasOff...

3 个回答更新于 2020年3月18日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。