GrapesJS 问题

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

找到 183 个问题

🔍 documentation
#49122023年2月6日作者 lexoyo3 个回答
1 个反应

文档中的链接断裂

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 任何 可复制演示链接 不 描述一下那个虫子 自从从 artf 迁移到 GrapesJS 后,我相信许多链接仍然指向原始仓库 https://github.com/GrapesJS/grapesjs/search?q=artf 我应该尝试替换它,还是我们只能信任GitHub的重定向? 行为准则 [X] 我同意遵守本项目的行为准则

lexoyo

我做了个人最佳,希望没漏掉什么,几乎每个链接都测试过

artf

我觉得有些内容会重定向,但有些可能坏了,如果有人愿意帮忙🙏,我会很感激

ClaudeCode

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

#48612023年1月21日作者 edenizk3 个回答
1 个反应

<br/>是在 Firefox 首次进入空格后添加单行文本

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 可复制演示链接 https://jsfiddle.net/8rm5wv2y/1/ 描述一下那个虫子 如何复现这个漏洞?在Firefox中打开示例页面(无修改)点击显示代码,你会看到没有插入“'<br/>'元素在“Hello World!!”后按空格,如果你愿意,可以添加任何文本再次点击“显示代码”,你会看到在添加新文本后,会添加“<br/>''元素 预期的行为是什么? 如果用户没有按回车或 Shift+回车,而是在单行书写,我希望不会出现 '<br/>' 元素。就像镀铬那样。 目前的行为是什么? 每当用户向现有文本添加文本时,Grap...

artf

不幸的是,这与 grapesjs 本身无关,而是 Firefox 如何处理可编辑文本。我想一个选择是切换到某个自定义的富文本编辑器,不依赖原生行为。

edenizk

谢谢你的回答 🙂

ClaudeCode

谢谢你举报,@edenizk。 关于在第一次进入Firefox空间后,添加单行文本的好问题<br/>。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('...

#47652022年12月2日作者 wunksert4 个回答
3 个反应

官方的解析@keyframes方法并不起作用

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-objects)的说明创建你自己的CSS解析器,并输入@keyframes规则的CSS字符串。我用了这里预建的帖子解析器:[这里](https://github.com/artf/grapesjs-parser-postcss/blob/master/src/parser.ts)结构从解析器中导出并与文档匹配(见附图),但没有动画 <img width=“302”...

artf

你好@wunksert之前有个与关键帧相关的问题[这里](https://github.com/artf/grapesjs/issues/4727),已经修复但还没发布。

artf

修复该修复可在最新版本中 https://github.com/artf/grapesjs/releases/tag/v0.20.2

wunksert

@artf太棒了!你知道什么时候会发布吗?

#47322022年11月17日作者 Rilvatore4 个回答
0 个反应

HTML 导入后 Tabs behaviour

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 107(MacOS) 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞?将标签块拖放到编辑器内容中点击顶部的“导入”按钮修改HTML内容中的某些内容(例如重命名之前创建的标签页)点击“导入” 预期的行为是什么? 导入HTML后,标签页必须可以编辑(添加新标签并在标签间导航) 目前的行为是什么? 标签页不再是“标签”类型,无法编辑 导入HTML之前: ![Capture d'écran 2022-11-17 à 10 50 41](https://user-images.gi...

artf

这与核心无关,更多是关于默认不可重新导入的Tab插件。

Rilvatore

嘿!非常感谢你的回答。 事实上,问题似乎来自于重新导入代码和商店管理器,它们没有更新代码中的JSON部分。你能帮你看看吗?还是应该在标签插件分支和/或重新导入插件分支上创建同一个工单?

artf

这和Tab插件有关,因为一旦打印出它的HTML就无法重新导入了。你实际上可以扩展[Tab component](https://github.com/artf/grapesjs-tabs/blob/master/src/components/Tab.js),并添加“isComponent”方法,让解析器识别组件。

#47272022年11月12日作者 dreamsight1 个回答
0 个反应

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器?

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 版本 107.0.5304.107(官方构建)(64位)Chrome可复制演示链接 没必要,任何人都能复制描述一下那个虫子 保存HTML和CSS时,程序格式转换为CSS 即“@keyframes滑动{” 致 “@media滑梯{” 这会让CSS滑块代码变得无用,你可以自己测试,只需在画布区域加载“@keyframes幻灯片”CSS,然后查看代码转换过程。 我还没找到原因,但如果有人有建议,请指点我:) 下面的示例 @keyframes 幻灯片 { 0%15%{margin-left:0%} 20%35%{margin-left:-100%} 40%55%...

ClaudeCode

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

#46062022年9月22日作者 bit-ocean2 个回答
0 个反应

“Commponent & JS”文档页面上的脚本延迟错误。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 与问题无关 可复制演示链接 https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 描述一下那个虫子 嘿,与其为这么小的变动创建拉取请求,我直接在这里分享。 Basic Scripts at https://grapesjs.com/docs/modules/Components-js.html#basic-scripts 的引入代码遗漏了一个关键词,可能会让新用户感到困惑或误导,因为页面上没有其他声明组件脚本的示例: “''js 型号:{ 默认值:{ 脚本, 行为准则 [...

artf

“脚本”就在上面 ![CCC](https://user-images.githubusercontent.com/11614725/192133350-34390584-4b07-4533-ac1b-15dcf33f1195.png) 附注:如果你不是在报告bug,可以使用讨论区

ClaudeCode

感谢你报告,@bit-ocean。 在“Commponent & JS”文档页面出现脚本延迟错误的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)—...

#46032022年9月22日作者 Akira-Kuru2 个回答
1 个反应

网页演示在Firefox上错误显示

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Firefox 105.0(64位)可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?在Firefox中打开演示页面(https://grapesjs.com/demo.html)。 预期的行为是什么? 工具栏没有放大到你看不到网站的程度。 目前的行为如何? 工具栏的放大幅度肯定比平时高出300%。 Google Chrome 示例: ![正确](https://user-images.githubusercontent.com/7903248/191632720-57ebb0fb-6cef-...

artf

是的,谢谢@Akira-Kuru在这里解决了这个问题 https://github.com/artf/grapesjs-preset-webpage/releases/tag/v1.0.2

ClaudeCode

谢谢你举报,@Akira-库鲁。 关于 Firefox 上网页演示错误显示的问题,真是个好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('somethi...

#45882022年9月14日作者 wunksert2 个回答
0 个反应

API 文档配置对象链接失效

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 狩猎 可复制演示链接 https://grapesjs.com/docs/api/editor.html#editor 描述一下那个虫子 如何复现这个漏洞?访问 https://grapesjs.com/docs/api/editor.html#editor在第2行和第33行点击“配置对象”。 或者访问此链接:https://github.com/artf/grapesjs/blob/master/src/editor/config/config.js 预期的行为是什么? 加载配置对象参考 目前的行为是什么? Github页面上的404 如果需要执行...

artf

谢谢@wunksert链接已经更新,下次发布时会修复

ClaudeCode

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

#45752022年9月10日作者 Aventrue3 个回答
1 个反应

AssetManagerConfig 中缺少自定义功能

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 这是一个编译错误 描述一下那个虫子 AssetManagerConfig 中缺少属性自定义。 如果我用未分类的葡萄,它能行,但我想用它来搭配类型。有没有解决这个问题的解决办法? 我会像这里描述的那样做:https://grapesjs.com/docs/modules/Assets.html#customization ![图片](https://user-images.githubusercontent.com/17627637/189477806-df81bcab-9a07-41f6-b886-418972df5d17.png...

Singwai

欢迎随时更新类型定义,这里有一个提交的示例。 https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

我的变通方法: let assetConfig: grapesjs.AssetManagerConfig = {}; assetConfig[“custom”] = { 开场:(道具)=> { this.openGalleryDialog(道具); }, 接近:(道具)=> { this.dialog.closeAll(); }, };

ClaudeCode

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

#45122022年8月15日作者 mingodad3 个回答
0 个反应

本页几乎所有示例都用葡萄失败

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 103.0.5060.134(官方构建)基于 Ubuntu,运行于 Ubuntu 18.04(64 位) 可复制演示链接 https://alvarotrigo.com/blog/html-css-tabs/ 描述一下那个虫子 测试上述示例时没有切换或显示标签页内容 https://alvarotrigo.com/blog/html-css-tabs/ 比如这个“4”。“动画HTML和CSS标签页”准备导入,下面显示: 行为准则 [X] 我同意遵守本项目的行为准则

mingodad

我查了一下,发现了一个已关闭的问题 https://github.com/artf/grapesjs/issues/2873 基于它,我这样做允许预览模式下勾选/无线电: 现在至少在预览中复选/无线电能用,一些演示也能在“预览”中运行。 如果这些信息能包含在文档里就太好了!

artf

感谢@mingodad我发布了表单插件的新[版本](https://github.com/artf/grapesjs-plugin-forms/releases/tag/v2.0.5),并增加了对预览的支持。

ClaudeCode

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

浏览所有主题