#59822024年7月2日作者 ihatov082 个回答
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 126.0.6478.127可复制演示链接 https://jsfiddle.net/6m53pwy7/4/描述一下那个虫子 如何复现这个漏洞？ 我想用 [Tailwind]（https://tailwindcss.com/） 搭配 GrapesJS，但这个框架使用 Utility-First CSS 类来构建快速布局。问题在于它还使用[“特殊”类]（https://tailwindcss.com/docs/state-variants/#app）来定义样式变体，例如：hover：bg-blue 或 md：w-full 等。 包含冒号的样式...
artf
你需要正确地逃离CSS “''js .md\\:p-18 { 填充：4rem; } ```
ClaudeCode
谢谢你举报，@ihatov08。 关于像md：flex-row（tailwind）这样的组件样式被移除的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#59422024年6月12日作者 adarshsingh1972 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 我在期刊中提供了代码 描述一下那个虫子 [截屏时间：2024年12月6日 下午3：09：58 IST.webm]（https://github.com/GrapesJS/grapesjs/assets/130237200/d5bbb21e-2e44-4564-a407-4768776c1cd8） 问题是，刚应用任何加粗或斜体后，点击某处就会消失。 onMounted（async （） => { componentsTypeScript.value = {}; componentsDefaults.value = {}; appI...
artf
从官方演示来看，它似乎按预期工作，所以我猜这和你的自定义逻辑有关。 请提供一个简短且可复现的问题演示。
ClaudeCode
谢谢你举报，@adarshsingh197。 错误 error： any） { 发生在 ProseMirror 尝试访问属性时，尚未完全初始化组件生命周期。这是GrapesJS中常见的竞争条件。 立即解决办法： 如果你控制代码，可以用空检查包裹调用： “JavaScript if （component && typeof component.getPlugins === 'function'） { 你的准则 } ``` 根本原因分析： ProseMirror 在调用 'ge...
#59232024年5月31日作者 MarceloBD2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Firefox 126.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞？打开你的Firefox浏览器，进入演示链接 预期的行为是什么？ 编辑器应该显示一个带有组件的白色屏幕画布。应该可以把组件拖拽到屏幕里。 目前的行为是什么？ 编辑器是灰色的，且没有可见组件。不能拖拽组件。点击图层菜单时会报错。 有时候它在匿名标签页上也加载不了，但有时会。非常奇怪的行为。我正在检查代码，看看能不能解答。行为准则[X] 我同意遵守本项目的行为准则
nhan-nguyen-se
@MarceloBD 你是怎么解决这个问题的？我也遇到同样的问题。
ClaudeCode
谢谢你举报，@MarceloBD。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发...
#59222024年5月30日作者 omerson-cruz2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ v125.0.6422.113（官方构建）（64位） 可复制演示链接 https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 描述一下那个虫子 如何复现这个漏洞？将视频内容拖到画布上。选择视频组件和角色设置/特征选择“YouTube”作为提供者粘贴YouTube源的视频ID。确保“控制”特性已启用尝试点击播放或调整视频分量的音量，但不起作用 预期的行为是什么？ 预期：当 Video 的“控制”启用后，用户可以使用视频界面的控制，比如“播放”、“调整...
artf
编辑过程中你不能与iframe互动，否则就无法从画布中选择它。 不过预览时你会检查iframe的互动。
ClaudeCode
谢谢你举报，@omerson-cruz。 关于无法使用视频组件UI控件的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#59052024年5月24日作者 gladykov2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Opera 10.0.5130.23 |Linux 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 透明帆布在方块菜单中添加“1列”组件 ->“设置”标签会自动打开 ：ok_hand：点击编辑器框内新添加的组件进入“方块”标签页再次点击组件 预期： 设置再次打开 实际情况： 设置未打开。 注意：我知道当之前没有选择组件时，这个方法是正常的。通过添加两个组件来验证这种行为。但它引入了两种不同的行为，取决于之前的用户操作。我预计点击组件总是会打开“设置” 视频： https://github.com/Gra...
artf
谢谢@gladykov，但这和核心无关，只是演示中实现的一个示例行为。
ClaudeCode
谢谢你举报，@gladykov。 点击组件再点击方块后，无法再次打开组件设置的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识...
#58882024年5月16日作者 Dobby852 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome V124 可复制演示链接 https://jsfiddle.net/ycvz2gno/7/ 描述一下那个虫子 如何复现这个漏洞？在画布中放置文本块双击文本块内的内容内容不可编辑 预期的行为是什么？ 它应该能打开RTE，这样我们就能编辑组件内的文本 目前的行为是什么？ 什么都没发生，组件无法编辑 ```行为准则 [X] 我同意遵守本项目的行为准则
Dobby85
通过查看代码，我发现要获得 RTE 功能，我们的新组件必须扩展“ComponentTextView”。 我最初的问题是我做了类似的事情： 而且它采用了我的“基础结构”视图，而不是“文本”组件。我会尝试找个变通办法，不扩展我的“baseStructure”视图。
ClaudeCode
谢谢你举报，@Dobby85。 关于即使可编辑属性设置为true，也无法编辑组件内容，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#58572024年5月2日作者 hasan-aa1 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v121可复制演示链接 https://jsfiddle.net/L27powtg/30/（修复也在那里，评论中删除了）描述一下那个虫子 如何复现这个漏洞？创建自定义的GJS模板组件，如此处说明：https://github.com/GrapesJS/grapesjs/issues/244#issuecomment-324449748添加一个带有表行的模板组件作为子节点。例如： “''HTML <template><tr><td>细胞内容</td></tr></template> 我已经为这个问题实现了一个自定义的“解析HTML”函数修复。...
ClaudeCode
谢谢你举报，@hasan-aa。 关于在标签内部渲染标签时<tr> <template> ，标签会被裁剪，只剩字符串内容。 这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
#58292024年4月19日作者 Mustufask3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 版本 123.0.6312.123可复制演示链接 未捕获类型错误：_webpackrequire_.r 不是 ./nodemodules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） at _webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） at ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） webpackrequireat fn （bootstrap：150：1） at ./src/Dem...
Mustufask
@artf请帮我解决这个问题，因为这个节点模块文件不允许 Grapesjs 在我的基于 react 的环境中工作 项目
artf
相关讨论 https://github.com/GrapesJS/grapesjs/discussions/5400 请在开启问题前使用搜索功能。
ClaudeCode
谢谢你举报，@Mustufask。 关于未捕获类型错误：_webpackrequire_.r不是函数，位于./nodemodules/grapesjs/dist/grapes.mjs （grapes.mjs：1：1） at _webpackrequire （bootstrap：789：1） at fn （bootstrap：150：1） at ./src/Demo/Templates/TextEditor.js （Templates.js：31：1） at s/src/De...
#58282024年4月18日作者 HBR122 个回答
事件也可以在组件挂载上运行
artf
请按照问题模板操作，它存在是有原因的......
ClaudeCode
谢谢你举报，@HBR12。 感谢你分享关于事件也能在组件安装上运行的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS...
#58202024年4月17日作者 rhoenerSBS2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v123可复制演示链接 https://jsfiddle.net/xwgons8z/描述一下那个虫子 我正在尝试通过程序将新增组件移动到父组件的特定位置，因为我有子组件，它们应该保持在最后一个索引，但图层中出现了一个bug，一旦组件移动，图层面板中会有两个对应的条目。 如何复现这个漏洞？开放小提琴将组件置于画布最后一个位置（此处不会发生）在画布最后一个位置丢弃一个组件（从现在起，掉落的组件在图层面板中有两个条目） 预期的行为是什么？ 组件可以移动，图层面板中仍然只有一个条目。 目前的行为是什么？ 移动的组件在图层面板中有两个对应的条目。行为...
rhoenerSBS
我最初想通过父组件的可丢弃性质中的函数实现同样的行为，以防止组件在特定索引处丢弃，但遗憾的是该函数没有给出该函数的参数索引。
ClaudeCode
谢谢你举报，@rhoenerSBS。 关于如果组件在添加后直接移动，图层中会有双重录入，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...