PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 466 个问题

🔍 components
#41912022年3月10日作者 mastercorp-usa4 个回答
1 个反应
提问style-manager缺陷组件typescript

我们正在尝试在 Angular 10 应用中存储 grapesJS 编辑器中的数据，但出现了 CORS 错误，附上了下面的图片

GrapesJS 版本 [x] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 99.0.4844.5 可复制演示链接 https://jsfiddle.net/ct5r4kvg/ 描述一下那个虫子 如何复现这个漏洞？集成到 Angular 10 应用中，包含以下代码运行时我们在Angular应用中出现CORS错误，而邮递员工作正常 预期的行为是什么？ 我们需要在 API 请求中添加除 grapesJS 属性以外的额外对象 目前的行为是什么？ 我们无法添加额外的属性，也出现了 CORS 错误 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： var editor = grapesjs.init({ 容...

lalitog

我的服务器端脚本是用PHP写的，所以我在脚本里加了这个代码，对我来说运行得很好—— 头部（'访问-控制-允许-起点：*'）; 头部（'Access-Control-Allow-Methods： GET， POST'）; 头（“访问-控制-允许-头：X-请求-与”）;

mastercorp-usa

请大家帮帮我们解决这个问题，这对我来说非常紧急

artf

CORS问题和GrapesJS无关

查看详情
#41892022年3月10日作者 vladninja1 个回答
0 个反应
提问组件缺陷typescript

当设置更改时（使用第三方如React/Vue），该组件被取消选择。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 铬98 可复制演示链接 https://codesandbox.io/s/grapesjs-react-components-n6sff？file=/src/base-react-component.js 描述一下那个虫子 如何复现这个漏洞？选择“列表”组件打开组件设置更改“MLS ID”特性参数→组件不会被选中，而是显示工具栏。 预期的行为是什么？ 组件仍然会被选中。 目前的行为是什么？ 当特征参数变更时，组件取消了选择。 行为准则 [X] 我同意遵守本项目的行为准则

GJSBlock

谢谢你举报，@vladninja。 关于在更改设置（使用第三方React/Vue）时，组件被取消选择，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...

查看详情
#41882022年3月9日作者 levinhtin1 个回答
0 个反应
提问组件缺陷画布style-manager

SVG <linearGradient> tag become <lineargradient> in canvas

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Microsoft Edge 版本 99.0.1150.30 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？我用SVG创建了一个自定义块，例如：当我把组件放进画布时，线性G渐变为线性g渐变。行为准则 [X] 我同意遵守本项目的行为准则

GJSBlock

谢谢你举报，@levinhtin。 关于SVG <linearGradient> 标签变成canvas中的，这个问题很棒<lineargradient>。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'...

查看详情
#41872022年3月9日作者 Townsheriff1 个回答
0 个反应
缺陷提问组件style-managertypescript

Editor Destroy method throws an error in React

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 铬98 可复制演示链接 https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js 描述一下那个虫子 如何复现这个漏洞？卸载子元素创建带有回调的 useEffect 编辑器被销毁 预期的行为是什么？ 没有错误 目前的行为是什么？ 抛出错误，因为找不到元素。至少有 getBody() 返回空。 分支0.18.3的堆栈追踪，禁用了minifaction。 如果代码沙盒消失： 行为准则 [X] 我同意遵守本项目的行为准则

GJSBlock

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

查看详情
#41752022年3月3日作者 sandeepyerkala2 个回答
0 个反应
提问组件缺陷画布typescript

Offset lines are missing when reload frame

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 99.0.4844.51 可复制演示链接 https://jsfiddle.net/rakam/5o8te64y/19/ 描述一下那个虫子 如何复现这个漏洞？添加少量组件。添加后，点击右侧右侧菜单重新加载帧。缺少偏移线 请查看下面的动图 ![GrapesjsFrameReload]（https://user-images.githubusercontent.com/47555656/156590895-2f8b094b-4833-459e-8a8e-b03efbe94e01.gif） 行为准则 [X] 我同意遵守本项目的行为准则

artf

抱歉，我现在看不出支持或修复iframe原生重载的必要。

GJSBlock

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

查看详情
#41682022年2月28日作者 m-jojo-s1 个回答
0 个反应
提问组件缺陷typescript

Hover not toggled until next mouse-enter

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 98.0.4758.80（官方构建）（arm64） 可复制演示链接 https://jsfiddle.net/01pa5mty/9/ 描述一下那个虫子 另外感谢你添加了悬停：之前和选择：之前事件，这会非常有用！ 如何重现这个bug？（可复现演示步骤）添加任意容器块添加文本块，选择除文本和直接父文本以外的内容。（文本选择、高亮、悬停按钮如预期般被禁用）。通过将光标保持在文本顶部，选择父单元格。选中了单元格，启用了文本的选择、高亮和悬停，但只有在鼠标退出并重新进入文本组件时，才会添加 gjs 悬停的类。 预期的行为是什么？...

GJSBlock

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

查看详情
#41452022年2月17日作者 lofcz2 个回答
0 个反应
提问组件缺陷style-managertypescript

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'））; 组件生...

查看详情

浏览所有主题