问题 #2581💬 已回答提出于 2020年2月18日作者 Jogai0 个反应

:如何使用组件

快速解答作者 pouyamiralayi

你好@Jogai你还必须在“'中指定”data-gjs-draggable<td>“: 干杯!

阅读下方完整回答 ↓

问题

使用 GrapesJS 0.15.10 时,我无法让组件按我预期的方式工作。可能是我的问题,如果是问题,欢迎调整期刊标题。(这是《https://github.com/artf/grapesjs/issues/2195》的后续)

我做了一个笔(希望这样没问题,没看到小提琴模板)来做我的例子:https://codepen.io/jogai/pen/yLNJgLZ?editors=1011

我在 Chrome 和 Firefox 上也看到了同样的行为。

预期有一行的文本不可选择/拖拽/高亮,而是该行的文本可拖拽到另一个组件。

组件的预期属性:

Data-GJS-selectable=“false” data-gjs-highlightable=“false” data-gjs-hoverable=“false”

但属性是:

data-gjs-type=“cell” draggable=“true” data-highlightable=“1”

data-gjs-type 没问题,其他的值错了,hoverable 完全缺失,一个完全缺失 data-gjs,还有一个缺失 -gjs- 部分。

回答(3)

pouyamiralayi2020年2月18日

你好@Jogai你还必须在“'中指定”data-gjs-draggable<td>“: 干杯!

Jogai2020年2月19日

谢谢。至少这算是改进,但其他属性依然没有被考虑,如果你尝试拖曳(因为拖曳箭头依然显示),它会报错,整个编辑器就变成了坏掉的状态。 我更新了示例。

Jogai2020年2月20日

更新了示例。这算是 https://github.com/artf/grapesjs/issues/2195 的后续

我之前以为 draggable 需要 data-gjs- 前缀是错误的,因为没有 component 的 html 部分也没有这个前缀。但子 TD 并不被视为组件的一部分。

相关问答

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

问题 #4991

拖拽display:grid元素时出现错误的占位标记

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v111可复制演示链接 https://codepen.io/glaprida/pen/eYLLXbQ描述一下那个虫子 如何复现这个漏洞?访问codepen链接 https://code...

1 个回答更新于 2023年3月23日

问题 #2136

找不到自定义组件类型,且在页面加载后特性无法工作

你好@artf 我创建了一个非常基础的自定义组件,名为“customsection”,它通过添加类来改变组件的背景颜色,非常简单。 我创建了两个模块:节 - 仅包含组件。节集——包含DOM元素和组件的集合。 不幸的是,我遇到了以下详细说明的两个问题。第1期:带有自定义组件的块被...

3 个回答更新于 2019年7月16日

问题 #6663

符号在逐步加载页面时会断裂(实例丢失__symbol链接)

这里有一段展示这个bug的视频: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...

4 个回答更新于 2025年11月29日

问题 #6549

无法调整图片大小

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞? 上传图片 将其切换为移动视图 调整图像大小 ![图...

4 个回答更新于 2025年7月16日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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