GrapesJS 问题

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

找到 231 个问题

🔍 general
#58282024年4月18日作者 HBR122 个回答
0 个反应

事件也可以在组件挂载上运行

事件也可以在组件挂载上运行

artf

请按照问题模板操作,它存在是有原因的......

ClaudeCode

谢谢你举报,@HBR12。 感谢你分享关于事件也能在组件安装上运行的报告。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节,维护者可以更快地识别和优先排序修复。GrapesJS...

#56892024年2月20日作者 mitcht4 个回答
0 个反应

<> 在开头引入 editor.getHtml()

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 版本 121.0.6167.185(官方构建)(64 位)可复制演示链接 https://jsfiddle.net/ja50kzne/4/描述一下那个虫子 如何复现这个漏洞?我之前有个 grapesJS 版本的网页,可以正确加载到 Grapes。 你可以从小提琴上看到这一点。 GrapesJS 最新版本“创建”了小提琴中看到的 JSON。 我没有操控它。注意grapesJS确实能加载,控制台里没有错误。 执行 editor.getHtml(用于数据库存储)时,我看到有一个空元素 '<>' 正在被引入注意console.log 预期的行为是什...

mitcht

我把json删减了不少,发现输出中可能有一些可能无效的JSON? 就像是“逃脱双引号”的引入有点不对劲。 JSON.stringify 和 JSON.parse 似乎不在意它,但肯定有问题。

artf

页面的根组件应该是一个“封装器”,在你的情况下是“textnode”(例如,这可能会破坏很多东西),其中有一个空的“tagName”(这就是“<>”的原因),并且不知为何是“content: ”undefined“(?) <img width=“377” alt=“截图 2024-02-22 00 44 33” src=“https://github.com/GrapesJS/grapesjs/assets/11614725/0e76b02e-097b-463f-a921-...

mitcht

这是从Grapes 0.18.4中输出的,因此它是由Grapes生成的。 我预计如果内容是“未定义”的,葡萄要么会剥离它,要么忽略它。 目前我只是在自己这边剥离<>,但我想和你分享一下。

#56572024年1月31日作者 leo-budgetsimple1 个回答
0 个反应

HTML 评论标签 禁用文本编辑

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome 120可复制演示链接 https://jsfiddle.net/btmry08e/描述一下那个虫子 如何复现这个漏洞?用这个html创建一个grapesjs编辑器: “<div><!-- -->你好,世界</div>” 预期的行为是什么? 以便能够编辑文本 目前的行为是什么? 无法编辑文本行为准则[X] 我同意遵守本项目的行为准则

ClaudeCode

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

#54422023年10月3日作者 kishanp1024 个回答
0 个反应

应用文本颜色后,无法设置背景颜色

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 https://jsfiddle.net/a3xgLm7c/3/ 描述一下那个虫子 如何复现这个漏洞?选择文本并应用文本颜色选择相同的文本并应用背景色 预期的行为是什么?两种颜色都应适用 目前的行为是什么?背景色应在应用文本颜色后应用 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则

mapsmarketing

你好@kishanp102, 我尝试按照步骤重现问题,但文字和背景颜色都被应用了(请参见截图)。 <img width=“318” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/79551469/74b22828-610a-4530-9582-96c0c120a805”>

kishanp102

拖放文本组件,然后应用字体颜色,再点击外部,点击文本并放置它未应用的背景色 [screencast-jsfiddle.net-2023.10.11-091942.webm](https://github.com/GrapesJS/grapesjs/assets/43177161/1f7e270d-a144-41fa-84c1-763c7896ae18)

mapsmarketing

没错,你说得对@kishanp102它不会在你已经设置好背景色后给它应用新的背景色。这绝对是个bug。

#53922023年9月17日作者 joukhar4 个回答
11 个反应

最新版本0.21.6没有src文件夹

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 114.0.5735.199(官方构建)(64位) 可复制演示链接 无 描述一下那个虫子 最新版本0.21.6没有“src”文件夹 使用 NPM 安装 Grapesjs 时 'npm install [email protected]' 行为准则 [X] 我同意遵守本项目的行为准则

joukhar

只有一个文件 “嘶嘶声” @import “./editorvariables”; @import “./editorvendor”; @import “./editorfonts”; @import “./editoricons”; @import “./custom”; @import “./custom/main”; @import “./装填手”; ``` SCSS文件比CSS文件更有组织、更强大,但我有备份计划

artf

@bgrand-我觉得你提到的问题可以用CSS变量解决。 我还在考虑引入一个新的主题小模块,允许通过程序更新编辑器外观,底层则是更新内部CSS变量。

joukhar

因为SAS文件可以覆盖变量,这一点非常重要

#53732023年9月8日作者 padcom4 个回答
1 个反应

“getDirtyCount()” 加载后返回 “1”

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome最新款 可复制演示链接 https://github.com/padcom/grapes-bug-dirty-after-loading/blob/master/src/App.vue#L37 描述一下那个虫子 克隆并启动项目开放控制台 当前行为:变化次数为1 期望行为:变化次数为0 补充说明:使用“自动加载”时,更改次数保持为0行为准则 [X] 我同意遵守本项目的行为准则

artf

你好@padcom这是正常行为,因为加载本身会更新编辑器的状态。 你可以在手动加载后,通过“editor.clearDirtyCount()”直接清除脏计数器。

padcom

请注意,如果你启用了“自动加载”: 并禁用加载功能: 修改次数为“0”,尽管结果相同——页面被加载。因为我的项目非常需要能在特定时间加载页面,这让一切都乱了。我也尝试过在加载后清除更改次数,但由于设置代码是通过“setTimeout()”回调,无法确定性地完成。

padcom

请问?你是认真的认为这是“预期”的行为吗?你见过其他编辑器加载时项目会自动修改然后自动保存吗?我很难相信。

#51342023年5月20日作者 yashvi20261 个回答
0 个反应

用命令启用默认的RTE

葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v91 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 我想用一个命令触发rte,我找到了enableEditing但不起作用,有没有命令可以触发RTE吗 行为准则 [X] 我同意遵守本项目的行为准则

ClaudeCode

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

#51102023年5月13日作者 yashvi20262 个回答
0 个反应

“enableEditing”附加在视图上,你可以从模型中获取它的实例,所以选择该组件,在控制台“editor.getSelected().view.enableEditing()”中执行。

我正在获得 editor.getSelected().view.enableEditing();不是函数

artf

请避免在未遵循问题模板的情况下打开错误问题。 你可以用一个合适的描述和用例来开启新的讨论。

ClaudeCode

谢谢你举报,@yashvi2026。 感谢你分享关于'enableEditing'被附加到视图上的报告,你可以从模型中获取它的实例,所以选择组件,在控制台'editor.getSelected().view.enableEditing()'中运行。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示...

#51092023年5月13日作者 yashvi20262 个回答
0 个反应

启用编辑无法正常工作

我尝试在Grapejs控制台启用编辑,但没有收到RTE,而是出现编辑器未定义错误

yashvi2026

如何使用“启用编辑” editor.getSelected().view.enableEditing(); 这会产生一个错误

ClaudeCode

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

#51072023年5月11日作者 siddhi13972 个回答
0 个反应

安装像 grapesjs basic block 或 tui-image-editor 这样的插件时,会在命名空间中出现错误node_modules。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 匿名 描述一下那个虫子 如何复现这个漏洞?NPM 安装 Grapesjs-BASIC-Blocks 中的任意插件之后运行应用程序,就像我用的是 Angular 应用一样 预期的行为是什么? 应该能正常运行 目前的行为是什么? 它会报错,比如命名空间 grapesjs 未找到或 namespace tui-image-editor 找不到行为准则 [X] 我同意遵守本项目的行为准则

artf

如果你没有可重复的链接,请避免制造错误问题

ClaudeCode

谢谢你举报,@siddhi1397。 关于安装像grapesjs basic block或tui-image-editor这样的插件时,node_modules中会出现命名空间错误,这个问题非常好。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript...

浏览所有主题