GrapesJS 问题

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

找到 3,464 个问题

#47352022年11月17日作者 vaneatka3 个回答
0 个反应

ResetId类型不匹配

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 无 可复制演示链接 无 描述一下那个虫子 如何复现这个漏洞?.去 https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L1839..去 https://github.com/artf/grapesjs/blob/dev/index.d.ts#L1747 预期的行为是什么? ...resetId 应声明为方法。 目前的行为是什么? ...在 类型中,resetId 是一个可被 bool 消除的属性行为准则 [X] 我同意遵守本项目的行为准则

artf

第一个是分量方法,第二个是块性质([此处使用](https://github.com/artf/grapesjs/blob/81295f637aa2542db9ba2aefb3ce34f0d6489d71/src/block_manager/index.ts#L166-L168))

vaneatka

我打开这个问题的原因是该方法不可见。 也许需要在类型中为方法声明创建一个新条目?比如setID /*在组件上设置新ID。 / setId(id: string): this;

ClaudeCode

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

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

#47192022年11月9日作者 ronaldohoch1 个回答
0 个反应

尝试更改按钮和文字颜色时出现奇怪的行为

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 勇敢的最后版本 可复制演示链接 https://jsfiddle.net/qsd9zjrc/ 描述一下那个虫子 如何复现这个漏洞?打开链接(https://jsfiddle.net/qsd9zjrc/)尝试更改文字颜色尝试通过点击按钮更改绿色按钮颜色,然后进入排版![图片](https://user-images.githubusercontent.com/2287371/200911324-4575abf0-e42b-4d27-8793-ee0402f536b3.png)你会注意到颜色里有“!important”。![图片](https://use...

ClaudeCode

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

#47042022年11月2日作者 PaulSchult1 个回答
0 个反应

Angular 组件作为自定义颜色选择器只能创建一次

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 104.0.5112.101 可复制演示链接 https://codesandbox.io/s/awesome-dewdney-bwo5t1 描述一下那个虫子 如何复现这个漏洞?将文本块添加到编辑器内容中打开风格管理器,扩展装饰部门注意红色占位符,通常标准选色器所在的位置(该文本是基本的角度分量)接下来,向下滚动到“背景”标签页,添加一个新的背景再次注意红色占位符文字点击葡萄内容的主内容,样式管理器切换到主体设置现在再次点击文本块,向下滚动到背景标签页并展开注意颜色属性的占位符文本没有出现如果你查看浏览器的控制台,你会发现在选择另一个元素时,角...

ClaudeCode

谢谢你举报,@PaulSchult。 关于Angular组件作为自定义颜色选择器只创建一次的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“chan...

#47002022年10月31日作者 Aar-if2 个回答
0 个反应

向资产管理器添加图片

谢谢

artf

这不是bug,你只需要刷新AssetManager的资产('editor.Assets.clear().add(newAssets)'),因为编辑器很可能已经加载完成。

ClaudeCode

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

#46992022年10月31日作者 DhanaDSP11202 个回答
0 个反应

在文本块中 InsertHTML 无法正常撤销

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬V107 可复制演示链接 https://jsfiddle.net/4vacxuw2/2/ 描述一下那个虫子 我添加了一个自定义工具栏,通过rte.insertHTML选项在当前位置插入一些值,效果很好。但当尝试撤销(ctrl+z)时,新插入的 HTML 块并没有被移除 ![葡萄在insertHTML上撤销了问题](https://user-images.githubusercontent.com/54067384/198582651-26c3613a-003d-4907-a761-746d75f8880a.gif) 行为准则 [X] 我同意遵守本...

artf

你好@DhanaDSP1120是的,不幸的是,'rte.insertHTML' 会用自定义插入,所以这很正常。如果你需要保留原生的编辑撤销栈,可以使用这个 API “''js rte.exec('insertHTML', '<span ...') ```

ClaudeCode

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

#46912022年10月26日作者 DhanaDSP11202 个回答
1 个反应

撤销管理器——不正常工作,当我们尝试应用和撤销背景色时,会点击出块外,然后移除的颜色才会出现

撤销管理器——不正常工作,当我们尝试应用和撤销背景色时,会点击出块外,然后移除的颜色才会出现 这个问题在版本0.19.4到最新版本中都会出现,以下版本运行正常 复制链接 工作版本: https://jsfiddle.net/0vpbLmxy/ 无法正常工作的版本: https://jsfiddle.net/q3cgwa5m/1/ 演示: ![葡萄撤销了问题](https://user-images.githubusercontent.com/54067384/197989568-5b29f18e-cf93-4cd6-a6ad-bec0ddd283ad.gif) Originally由@DhanaDSP1120在 https://g...

artf

看起来是颜色选择器本身的问题,我会试着在下一个版本修复。 附注:对于错误报告,你不需要先创建讨论,你可以按照模板直接打开问题。这也能避免不必要的讨论帖。

ClaudeCode

谢谢你举报,@DhanaDSP1120。 感谢你分享关于撤销管理器——无法正常工作,当我们尝试应用和撤销背景色后点击出块时,移除的颜色才会出现。为了帮助团队调查并优先排序: 请提供: 一个最小可复现的例子(CodeSandbox/JSFiddle) 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么: 简约代码示例(不是你整个项目) 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配...

#46822022年10月22日作者 nabtron4 个回答
0 个反应

模块未找到:错误:无法解决“utils/mixins”

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬106可复制演示链接 本地主持描述一下那个虫子 我更新了包含 Grapesjs 的项目,但现在出现了这个错误: 当我运行我的项目时,会出现这个错误: 以下是module.js前两条线的特点: 我尝试安装了: 但它也失败了 请问我该怎么解决这个问题?行为准则[X] 我同意遵守本项目的行为准则

artf

你不应该尝试编译 Grapesjs 的源代码,因为源代码可能包含与捆绑包相关的内容(正如你提到的,它不是外部包)

nabtron

@artf你不应该在没看完工单前贸然关闭。 如果你看了这期,你会发现我提到“更新”时,我用 NPM I 更新了 Grapesjs 的版本,package.json 的版本改成了最新版本。 代码从0.19.4开始就坏了,因为你在modules.ts开始用.ts文件

artf

是的,我理解你只是更新了版本,但看起来你是在尝试读取 grapesjs 包的源代码,这是错误的(可能将来会删除,'src' 文件夹甚至会被移除)。

#46812022年10月21日作者 Aar-if3 个回答
0 个反应

资产管理器上传空对象到后端端点

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 可复制演示链接 匿名 描述一下那个虫子 目前的行为是什么? 我创建了一个自定义后端端点来存储我的资产,当我使用资产管理器的上传方法时,它没有向后端发送任何数据,而是发送一个空的对象,我在客户端检查器获取资产数据时也遇到同样的问题,同时在资产管理系统内使用 Axios 发送 资产管理人:{ 上传:“http://localhost:5002/api/grapesjs/assets”, }, 后端获得空物体 我也试过 资产管理人:{ 上传文件:异步 (e) => { var files = e.dataTransfer ?e.dataTr...

artf

抱歉,但仅仅尝试提交一个资源,我看到的负载是正确的,所以没有可复现的演示,这看起来是你后端的问题(确保有合适的身体解析器)。

Aar-if

谢谢,我用Multer解决了,问题出在身体解析器。

ClaudeCode

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

浏览所有主题