GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#41662022年2月26日作者 Ameeko1 个回答

0 个反应

打开样式管理器 - 类别可以通过按回车键添加

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v98 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子在“Open style manager”中，可以通过按下回车键添加CSS类。如果 GrapesJS 在表单标签内，添加CSS类即可提交表单。因此，这个函数在大多数情况下无法使用。我觉得值得解决这个问题。行为准则 [X] 我同意遵守本项目的行为准则

GJSBlock

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

查看详情

#41572022年2月24日作者 Adham3803 个回答

0 个反应

缺陷提问文档画布 typescript

调整画布大小会导致组件在导出时以“绝对”模式出现错误位置

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Microsoft edge 98.0.1108.56 可复制演示链接 https://jsfiddle.net/473b2tah/1/ 描述一下那个虫子画布缩放很酷，但没有考虑到可能因为dmode而使用px偏移，也就是说，放大后的画布不会反映导出的index.html页。导出后右侧整个区域是空的，因为图片从未被要求重新缩放以适应导出版本。比如这里画布缩放为0.85，这意味着图片应该放大1.15倍，并相应向右移动，但却卡在左边，右侧留下约15%的空隙。画布大小应该是大约1632像素，而导出宽度则大15%，也就是1920像素。我认为这应该自...

Adham380

我算是找到了一个变通办法...... 在CSS中将.gjs-frame-wrapper设置为所需宽度，然后在CSS中将iframe的“translate”（- x px， 0px）进行转换。那Canvas宽度就不对了（稍微小一点），但一切似乎都正常......不过我不会就此结案，因为作者的实现不当，正如之前所述，作者本可以非常轻松地修复这个问题。

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

GJSBlock

谢谢你举报，@Adham380。 *调整画布大小会导致同伴在导出dmode时出现错误位置的问题，'absolute'似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeS...

查看详情

#41542022年2月23日作者 Ameeko3 个回答

1 个反应

缺陷提问 typescript

Nothing can be edited inside the link element

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v98可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子当我在链接块元素中插入text元素时，文本元素不再可编辑。双击文本元素不会切换到编辑模式，而是选择（容器）链接块元素。 ![图片]（https://user-images.githubusercontent.com/61547701/155326378-5404b8d4-6c92-4708-9e49-d439aa6b31a8.png） ![图片]（https://user-images.githubusercontent.com...

lofcz

复制品：https://github.com/artf/grapesjs/issues/4145 简而言之;总结：本地构建Grapejs，因为修复目前尚未发布，或者降级到0.18.2版本

artf

作为#4145的复制品关闭

GJSBlock

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

查看详情

#41482022年2月18日作者 varadero3 个回答

2 个反应

提问缺陷常规

0.18.2 / 0.18.3 移除了所有......在构建器中拖放块时的 HTML 属性

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v99可复制演示链接 https://jsfiddle.net/jLo3qh7s/10/描述一下那个虫子如何复现这个漏洞？创建包含内容的 <input oninput="alert('123)" />块把那个模块放进建筑机里查看HTML代码预期的行为是什么？所有 on... HTML属性都被保留目前的行为是什么？所有 on... HTML属性都被移除注意： Grapesjs 0.18.1没有这个问题——0.18.2和0.18.3都有。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本...

Ju99ernaut

这是0.18.2版本发布说明中所描述的预期行为

artf

没错。如果你需要启用不安全属性（风险自负），可以通过“config.parser.optionsHtml.allowUnsafeAttr”选项来操作。

GJSBlock

谢谢你举报，@varadero。关于0.18.2 / 0.18.3移除所有......当构建器中拖放块时的HTML属性。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console...

查看详情

#41452022年2月17日作者 lofcz2 个回答

0 个反应

提问组件缺陷 style-manager typescript

0.18.3 文本编辑不触发链接>文本组件

GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器？铬99 可复制演示链接 https://codesandbox.io/s/distracted-archimedes-fhmnpg 描述一下那个虫子如何复现这个漏洞？打开演示双击“我是文本”组件。目前的行为是什么？在 a 内双击文本元素（span、i......）会切换到父a元素，而不是打开选中的元素的 rte。在 0.18.2 中，这功能是正常的。根据这里的模板，https://codesandbox.io/s/1r0w2pk1vl 最小的复刻是从 index.html补丁到行为准则 [X] 我同意遵守本项目的行为准则

artf

是的，我明白问题所在。在 A 内双击文本元素（span， i...）会切换到父元素，而不是打开所选元素的 rte 在文本组件视图中实现了[新逻辑]（https://github.com/artf/grapesjs/blob/eb192dd914daf7c5af49deaa232db4dff6c8362d/src/domcomponents/view/ComponentTextView.js#L28），这是有意为之。其目的是通过将编辑传递给最近的 RTE 组件，防止嵌套 RT...

GJSBlock

谢谢你举报，@lofcz。关于0.18.3文本编辑不触发链接>文本组件的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something...

查看详情

#41382022年2月12日作者 yadavAtIrisdame4 个回答

0 个反应

提问 style-manager 组件缺陷画布

Unexpected behavior in style manager

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？版本 1.35.101 Chromium：98.0.4758.87（官方版本）（64位） ![填充声]（https://user-images.githubusercontent.com/97948548/153704600-39c7336b-4837-444d-8b8c-fd48b9cb6c74.gif）可复制演示链接 https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js描述一下那个虫子如何复现这个漏洞？将组件放入 Canvas选择组件并施加一些边距和填充预期的行为是什么？...

artf

感谢你的报告@yadavAtIrisdame但我无法从你的演示或官方演示中复现。你能描述一下具体步骤吗？

yadavAtIrisdame

@artf 我无法重现这个bug。大多数情况下，《风格经理》的运作如预期般顺利。但突然间，他们开始表现得像（如图所示）。特别是边际和缓冲性质。 ![]（https://user-images.githubusercontent.com/97948548/153704600-39c7336b-4837-444d-8b8c-fd48b9cb6c74.gif）

artf

抱歉，但很遗憾，没有合适的可复现演示，我帮不上什么忙。如果有人能提供可重复的步骤，我很乐意帮忙解决。

查看详情

#41362022年2月9日作者 m-jojo-s2 个回答

1 个反应

提问组件缺陷 typescript

在“component：mount”中的component.remove（）不会移除渲染后的视图

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 98.0.4758.80（官方构建）（arm64）可复制演示链接 https://jsfiddle.net/Lsjhxczp/10/ 描述一下那个虫子如何复现这个漏洞？设置组件：挂钩以移除已安装的组件添加新块/组件预期的行为是什么？新组件会被移除，模型和视图都被移除。目前的行为是什么？只有模型被移除，视图保持原位，移除后不会重新渲染。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则 [X] 我同意遵守本项目的行为准则

artf

是的，问题在于DOM节点已经创建，但还没有附加到父节点上。你可以通过setTimeout推迟移除，但这仍然会触发图片激活。节点被附加后我可能会移动那个事件。

GJSBlock

谢谢你报告，@m-jojo-s。关于 component.remove（）在 'component：mount' 中不会移除渲染视图，这个问题很棒。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） =>...

查看详情

#41272022年2月5日作者 jcsofts1 个回答

0 个反应

提问画布缺陷 style-manager 组件

[X] 我确认使用最新版本 GrapesJS

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 97.0.4692.99（官方版本）（x86_64）可复制演示链接不描述一下那个虫子如何复现这个漏洞？...... 预期的行为是什么？ ... 目前的行为是什么？在自定义代码组件中使用iframe时会出错我把这个<iframe style=“border：none;width：100%;高度：100%;溢出：隐藏;” src=“https://www.google.com”></iframe>到自定义代码组件，然后点击“保存”按钮然后我遇到了低于错误的错误 ![图片]（https://user-images...

GJSBlock

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

查看详情

#41162022年2月1日作者 saudAtIrisdame4 个回答

0 个反应

提问 style-manager 组件缺陷画布

Flex Property not working in style manager

GrapesJS 版本 [x] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？版本 1.34.81 Chromium：97.0.4692.99（官方构建）（64位）可复制演示链接 https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js 描述一下那个虫子 ![Flex性质]（https://user-images.githubusercontent.com/81280927/151975071-f2b3cf48-4e1d-40f2-9248-467333d7e807.gif）如何复现这个漏洞？创建自定义类型组件将组件放入 Canvas在样式管理器中将显示属...

Vac1911

我是在独立发现同样问题后才诊断出问题的。正在查看“StyleManager.select（）” https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/stylemanager/index.js#L339-L395 在第369行，每个属性都会被循环检查其对新目标的可见性。然而，“checkVisibility”函数并不会通过查看目标样式来访问当前值。它会寻找存储...

saudAtIrisdame

@Vac1911 @artf 我明白了，但解决办法是什么？我该怎么解决这个问题？这是Grapej的问题还是我的？

Vac1911

@saudAtIrisdame这似乎是个 grapejs 问题。我自己解决了，改了源代码，重新排序了 select 方法，最后检查可见性。这是运行后 build:js https://gist.github.com/Vac1911/4c89f2a48809bee5fefd2d21525d37ad

查看详情

#41102022年1月28日作者 cusmai3 个回答

0 个反应

缺陷提问 typescript

AssetManager events not working

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬可复制演示链接匿名描述一下那个虫子 AssetManager 事件不会被触发。文件上传正确，但事件不会被通知：行为准则 [X] 我同意遵守本项目的行为准则

timramseyjr

@cusmai 你后来弄明白了吗？我看到了“资产：开放”和“资产：关闭”，但也没有收到你列出的任何事件。我使用的是以下内容，我提到的两个事件是我唯一相关的“资产”事件。

ALTITUDE-DEV-FR

我自己也一样，没工作到:(

GJSBlock

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

查看详情

GrapesJS 问题

浏览所有主题