GrapesJS 问题

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

找到 3,464 个问题

#40062021年12月9日作者 dev43224 个回答
0 个反应

背景颜色会自动变为黑色

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://grapesjs.com/demo.html。 描述一下那个虫子 默认情况下,背景色是无。 当我点击颜色选择器更改背景色时,颜色选择器里没有选择任何颜色。(点击屏幕时关闭颜色选择器模态,而非模态界面)。它会自动变成黑色。 你可以在官方演示 https://grapesjs.com/demo.html 中重现这个问题。 有什么办法能解决这个问题吗?? 行为准则 [X] 我同意遵守本项目的行为准则

artf

我无法复现这个问题,你能提供问题的屏幕录像吗?

dev4322

@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd

jloguercio

我也有同样的问题,如果你点击颜色选择器外面,它会变成黑色

#40012021年12月8日作者 javadsamiee2 个回答
0 个反应

当第一次输入的自动值时,无法保持当前单位

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 96.0.4664.93 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?创建新块,例如Text块导航维度>宽度(默认为自动)换成大众然后移除自动,输入一个值,例如100按回车键后,单元将改为100像素,而非100vw 预期的行为是什么? 更换单元并输入非自动值后,它应该保持当前单元(VW),而不是把它改成 PX 目前的行为是什么? 进入默认(PX)后的单元 行为准则 [X] 我同意遵守本项目的行为准则

artf

从当前的试玩版来看,似乎已经修复了。

ClaudeCode

谢谢你举报,@javadsamiee。 关于第一次输入自动值时无法保持当前单位的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something c...

#40002021年12月7日作者 zachsnoek4 个回答
0 个反应

在根体层粘贴组件会触发类型错误

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v89 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?在官方演示中,进入图层管理器,用“cmd+c”复制任意图层点击根“Body”图层,并用“cmd+p”粘贴进入浏览器控制台查看错误 预期的行为是什么? 贴上身体层可能不被允许,但不应该出错。 目前的行为是什么? 粘贴根“Body”图层会抛出以下例外: “''文本 未捕获类型错误:无法读取未定义的属性“indexOf” PasteComponent.js:13 在 Array.forEach (<anonymous>)...

artf

谢谢@zachsnoek,是的,因为包装器(正体)是根组件,它没有相关的集合。 可能我们需要更新粘贴逻辑,但你目前的修复是个不错的补丁,可以避免这种错误,所以PR非常受欢迎 👍

zachsnoek

谢谢@zachsnoek是的,因为包装器(主体)是根组件,所以它没有相关的集合。可能我们需要更新粘贴逻辑,但你目前的修复是个不错的补丁,可以避免这种错误,所以PR非常受欢迎 👍 听起来不错;我会在本周末前刷新个人纪录 :+1:

GuiMoraesDev

伙计们,我也遇到类似的问题 对我来说,错误发生在FileUploader上 ![截图,2021-12-16 17-10-32](https://user-images.githubusercontent.com/18218319/146442408-edc2621f-ea02-4131-bac6-47dd2ff384c7.png) 我试着在Grapes Demo里输入,看看那里是否也会出现这种情况,结果确实发生了! 我意识到如果我清理LocalStorage并重新加载页面,...

#39972021年12月7日作者 kuhelbeher2 个回答
0 个反应

无法移除元素边界

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v96 可复制演示链接 https://codesandbox.io/s/grapes-border-issue-94lje 描述一下那个虫子 如何复现这个漏洞?选择带有上下边框的方块前往风格面板 -> 装饰 -> 边框清除边框颜色输入并按回车 预期的行为是什么? 边界应该被移除 目前的行为是什么? 边界依然存在。检查CSS,它会显示“border: 5px solid none;”,这是无效的值 我注意到这个问题只在边框通过不同的边框样式设置时出现,比如边框顶部和边框底部。 接下来的问题——如何通过样式面板正确移除边框?行为准则 [x...

artf

你好@kuhelbeher新 https://github.com/artf/grapesjs/releases/tag/v0.18.1 发布后,这部分可以处理。 这里的主要问题是 [内置](https://grapesjs.com/docs/modules/Style-manager.html#built-in-properties)“border”属性的配置方式,它是一个 [Composite 类型](https://grapesjs.com/docs/api/prop...

ClaudeCode

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

#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...

浏览所有主题