GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 743 个问题

🔍 bug
#39862021年12月1日作者 throne19864 个回答
3 个反应

无法读取未定义属性(读取“上传文件”)

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v96.0.4664.45 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js 描述一下那个虫子 如何复现这个漏洞?直接拖拽标志到画布上,应该会报错 ![图片](https://user-images.githubusercontent.com/27904724/144279499-e5c99a21-ab39-4090-ba6b-812c0da5d05a.png) 预期的行为是什么?...

jkntar

我也遇到过这个问题。似乎只要我开始拖动某个区块的媒体图标,而不是“区块”文本或区块容器,就会出现这种情况。问题似乎通过在我每个模块的媒体图像样式中添加“指针事件:无”来解决。 我说的被拖拽的画面: ![图片](https://user-images.githubusercontent.com/75267836/144550654-469ca666-28a7-472d-b76e-c506f45f7935.png) 就我而言: “JavaScript 编辑。BlockManag...

markovic-nikola

'pointer-events: none;'对我来说不起作用,我几乎得重启整个浏览器才能恢复正常。

luasenvy

“指针事件:无”对我来说不起作用,我几乎得重启整个浏览器才能恢复正常工作。 @markovic-nikola:这真的非常重要。非常感谢。:D

#39752021年11月25日作者 Sudhin352 个回答
0 个反应

背景图片 如果只添加一页,所有页面开始重复

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v9可复制演示链接 什么都没有描述一下那个虫子 如何复现这个漏洞?实现多页概念创建3页点击装饰品中的背景图片(样式管理器),并将其添加到首页现在添加新页面或点击第二页或第三页 预期的行为是什么? 背景图片不应复制到所有页面,它应该只添加到所选页面 目前的行为是什么? 当只添加到页面时,背景图像会被添加到所有页面 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: 行为准则[X] 我同意遵守本项目的行为准则

artf

请先检查这个选项 https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors 如果仍然有问题,可以打开一个带有可复现演示链接的正式漏洞问题。

ClaudeCode

谢谢你举报,@Sudhin35。 关于背景图片如果只添加一页,所有页面都会开始重复,这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log(...

#39722021年11月23日作者 ronaldohoch2 个回答
1 个反应

不能在Noscript标签里丢掉IMG

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Brave Versão 1.32.106 Chromium: 96.0.4664.45 (Versão oficial) 64 bits 可复制演示链接 https://jsfiddle.net/960huLz5/ 描述一下那个虫子 如何复现这个漏洞?开放葡萄运行: 'editor.addComponents('<noscript><img src=“”></noscript>');'打开出口模态检查该图片是否在无单标签标签中 4.1. ![图片](https://user-images.githubusercontent.com/2287371/...

artf

你好@ronaldohoch谢谢你的报告。 你说的没错,但不幸的是,这是自带HTML的DomParser的解析结果,所以我看不到有什么合适的修复方法。 “''js const parser = new DOMParser(); console.log(解析器.parseFromString('<noscript><img/></noscript>', 'text/html')); 你会看到它如何放入<noscript>内部<head>和<img> <body>

ClaudeCode

谢谢你举报,@ronaldohoch。 关于不能在Noscript标签内丢弃img,这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('...

#39512021年11月17日作者 majidh13 个回答
3 个反应

资产管理无法正常工作的事件

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 无关联 描述一下那个虫子 editor.on(“asset:upload:start”,console.log)无法工作 在编辑器 0.17.26 版本不工作后,资产管理器事件 asset:upload:start 或 asset:upload:end 在编辑器中出现 ** 我在调试代码时发现了这个 “''js 文件:src/assetmanager/index.js cont { 模 } = 此;模未定义 module & & module._propEv('资产:上传:开始'); ```行为准则 [x] 我同意遵守本项目的行...

cusmai

你好,还是无法运行,事件没有触发:

artf

这里已修正 https://github.com/artf/grapesjs/pull/3934/files

ClaudeCode

谢谢你举报,@majidh1。 资产管理上的事件无法正常工作似乎是竞争条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包...

#39502021年11月17日作者 ttjpatric1 个回答
0 个反应

无法创建图片链接

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v95 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?...... 预期的行为是什么? 当我们把图片拖放到链接块对象中时,两个对象都是链接的。 目前的行为是什么? 当我们把图片拖拽到链接块对象上时,这些对象并没有被链接。 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 无 ![葡萄错误-1](https://user-images.githubusercontent.com/94492218/142075536-da5999bd-1c4...

ClaudeCode

谢谢你举报,@ttjpatric。 关于无法创建图片链接的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'));...

#39482021年11月16日作者 Sudhin352 个回答
0 个反应

每次页面重新加载后,“我的选项”(在特质中)都会被重置

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞?安装Grapes js并实现select组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么?输入的选项不应在该组件的特征管理器中重置已输入的选项应在该组件的特征管理器中可见 目前的行为是什么? 每次页面重新加载后,“我的选项”(在特质中)都会被重置 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: 行为准则 [X] 我同意遵守本项目的行为准则

artf

你好@Sudhin35请按照[此API](https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type)来创建自定义特征,我强烈建议将选项作为组件属性存储,而不是使用内部组件

ClaudeCode

谢谢你举报,@Sudhin35。 关于我的选项(在特质中)每次重载页面后都会重置,这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('s...

#39472021年11月16日作者 confettidc4 个回答
0 个反应

编辑器中无法点击的选择框

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 94.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?尝试在上述演示网站拖拽选择框,可以重现问题... 预期的行为是什么? 选择框在添加选项时应该能显示 目前的行为是什么? 选择框现在只能高亮,不能在里面显示选项 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ```行为准则[X] 我同意遵守本项目的行为准则

artf

如果你说的是表单插件里的选择组件,那选项会以特征的形式显示。

confettidc

是的,但即使在预览中,选择框还是无法点击?谢谢。

thomas-le-goff

你好, 这个问题就是因为这条线(https://github.com/artf/grapesjs-plugin-forms/blob/master/src/components.js#L186)。 如果只在编辑器处于预览模式时启用事件,可能会很有趣? 那么,把事件放在预览模式真的有用吗? 我不知道预览系统是怎么运作的,但我可以查看它来提出PR的建议?

#39402021年11月13日作者 dan-castillo2 个回答
0 个反应

更新按钮文本的问题

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome - 版本 95.0.4638.69可复制演示链接 两个地方:https://grapesjs.com/demo.html 和我这里有个仓库:https://github.com/dan-castillo/TestingGjsV1729.git描述一下那个虫子 如何复现这个漏洞?进入表单插件演示:https://grapesjs.com/demo.html滚动到底部,尝试更改提交按钮的文本或者我添加了一个角度仓库 [这里](https://github.com/dan-castillo/TestingGjsV1729.git) 预期的行为是什...

artf

这只是网页预设的问题,它有旧的表单插件引用,和核心无关。

ClaudeCode

谢谢你举报,@dan-castillo。 关于更新按钮文本的问题,问得很好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed...

#39392021年11月13日作者 xQwexx4 个回答
0 个反应

在预览中禁用拖放功能

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib?file=/src/index.js:10258-10261描述一下那个虫子 如何复现这个漏洞? 我正在尝试创建一个自定义组件,包含拖拽端放功能, 由于修复了#2904,可拖拽属性被完全关闭。 预期的行为是什么? 使得有意拖拽的自定义组件可以作为预览 目前的行为是什么? 目前预览版中所有可拖拽事件均被禁用 我也愿意先做个PR,我想先讨论一下解决这个问题的最佳方式, 或者这可能是项目的设计决定。行为准则[X] 我同意遵...

artf

@xQwexx你好,在这种情况下你会怎么解决?我们还是需要在预览版中保持D&D的关闭。 你能不能也发布你的组件代码,以便更好地理解使用场景?

no-response[bot]

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

xQwexx

你好@artf我更新了一个演示,我的建议是使用'attributes: { draggable: 'true'}',在预览中指示组件是否可拖曳,组件模板的拖拽处理保持如' attributes: { draggable: 'true', ondrop: 'drop(event)', ondragover: 'allowDrop(event)'}' 我现在不太确定具体怎么处理, 但如果没有这个属性,我会把可拖拽的 html 标签改为 false,当我们切换到预览时。

#39382021年11月12日作者 mingxin-yang2 个回答
0 个反应

Editor.select(model,{scroll:true}) ,滚动不工作

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/mingxin-yang/pen/YzxLNay 描述一下那个虫子 如何复现这个漏洞?editor.select(model,{scroll:true}) ,滚动不工作... 预期的行为是什么? 点击方块,添加到画布后,你可以选择、激活并滚动到选定的位置 目前的行为是什么? ... 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则

artf

谢谢@mingxin-yang,这个问题将在下一个版本中修复。

ClaudeCode

谢谢你举报,@mingxin阳。 关于 editor.select(model,{scroll:true}) ,滚动功能不工作,这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', ()...

浏览所有主题