:如何使用组件
问题
使用 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)
你好@Jogai你还必须在“'中指定”data-gjs-draggable<td>“: 干杯!
谢谢。至少这算是改进,但其他属性依然没有被考虑,如果你尝试拖曳(因为拖曳箭头依然显示),它会报错,整个编辑器就变成了坏掉的状态。 我更新了示例。
更新了示例。这算是 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...
问题 #2136
找不到自定义组件类型,且在页面加载后特性无法工作
你好@artf 我创建了一个非常基础的自定义组件,名为“customsection”,它通过添加类来改变组件的背景颜色,非常简单。 我创建了两个模块:节 - 仅包含组件。节集——包含DOM元素和组件的集合。 不幸的是,我遇到了以下详细说明的两个问题。第1期:带有自定义组件的块被...
问题 #6663
符号在逐步加载页面时会断裂(实例丢失__symbol链接)
这里有一段展示这个bug的视频: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览...
问题 #6549
无法调整图片大小
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞? 上传图片 将其切换为移动视图 调整图像大小 ![图...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。