问题 #2103💬 已回答提出于 2019年6月27日作者 imanubhardwaj1 个反应

自定义组件拖拽问题

快速解答作者 artf1

用这个 “''js 浏览量:{ 拖拉启动:“noDrag” }

阅读下方完整回答 ↓

问题

这是我创建自定义组件的方式: 这是我自定义的方块: 问题是,当<a>图像渲染到画布时,我把图片标签包裹在标签里面。当我点击元素并尝试拖动时,只有<img>标签被拖动并<a>保持在原位。 [现场演示](https://screencast-o-matic.com/watch/cq1t22TRoF)

回答(3)

artf2019年7月31日

用这个 “''js 浏览量:{ 拖拉启动:“noDrag” }

你仍然让视图捕捉你的点击事件,所以请修正:
“''js
浏览量:{
    事件:{
      拖拉启动:“noDrag”
    }
  }
artf2019年7月4日

嗯,我看到两种不同的解决方案:简单快捷,让“自定义视频”组件不可拖动,所以你必须拖动父组件才能移动它。小缺点更多来自用户体验,你会强制用户选择父功能。更坚固的溶液。把“<a>''元素本身做成自定义组件,比如”custom-video-wrapper“,默认应该包含”custom-video“组件 “''js comps.addType('custom-video-wrapper', { 型号:{ 默认值:{ 标签名称:“a”, 组件: { // 这里定义默认组件 类型:“自定义视频”, 可选:false, 悬浮:错误, }, ... 特质:...... 你可能需要相同的性质/属性 但根据它们...

imanubhardwaj2019年7月4日

谢谢@artf,但现在出现了一个新问题,当我在画布上拖动自定义视频包装组件时,自定义视频并没有被拖拽,只有<a>标签被拖动。

[现场演示](https://screencast-o-matic.com/watch/cqifXnO1w6)

相关问答

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

问题 #3409

自定义组件属性,但不是特质

我想创建一个带有属性的自定义组件,该属性会被特定代码更新,但我不希望这个属性作为特性可见且可更新;假设我的属性叫“ebTesto”,我写了一个插件函数: 我本以为会在存储的 JSON 的“gjs-components”部分找到新属性,但结果是这样的: 也许我尝试的方式错了? 有...

4 个回答更新于 2021年4月23日

问题 #459

在另一个模块中包含自定义组件时出现错误

抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块,想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法: 然而,当我这样做时,尝试将方块从方块调色板中拖出时,会出现以下错误: ... grapes.min.js:2 未捕获类型错误:s 不是构造函数 at...

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

问题 #460

当组件视图修改HTML时,文本组件不再可编辑

我正在尝试构建一个自定义组件,内容中包含一些Lorem ipsum文本,以便在画布上进行编辑。但我也想修改视图中的HTML(添加一些我想在编辑器中显示但不在已保存HTML中的内容)。我尝试过类似这样的方法: 问题是,如果我像上面那样修改render()函数,文本部分中的文本组件...

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

问题 #484

我能限制可以放入容器的方块吗?

我的目的是创建一个块,只允许放置图像组件(我用的是 grapes-blocks-basic 的默认组件)在里面。 我有以下测试代码: 但是,当我运行上述代码时,发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面,但不会出现在容器内部。实际上...

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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