GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#41922022年3月11日作者 drashtibpatel2 个回答

0 个反应

Drag boundary issue with dragMode: absolute/translate

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome，Firefox 可复制演示链接 https://jsfiddle.net/drashti/9xk5ph8j/1/ 描述一下那个虫子我正在用 Grape JS构建器来为我的客户端设置构建器和模板。为此，我想要setDragMode是“绝对”或“翻译”，这样可以根据这些设置，元素可以并排设置。但完成后，元素会离开画布区域。我想像正常拖拽模式一样限制它，但位置应该完全控制。有没有办法限制元素进入画布区域外？请参阅下方图片作为参考。 https://www.awesomescreenshot.com/image/2389016...

artf

不，目前不可能。拖拽模式并不是公开且有文档的特性，所以我收集了所有问题和功能来支持这里：https://github.com/artf/grapesjs/issues/3770#issuecomment-944915841

GJSBlock

谢谢你举报，@drashtibpatel。 dragMode： absolute/translate 的 drag boundary 问题似乎是竞赛条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可...

查看详情

#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-manager typescript

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'）...

查看详情

#41762022年3月4日作者 varadero2 个回答

0 个反应

提问缺陷常规

Rich text editor very big icons in Firefox

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox 95.0.2（64位）可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？使用 Firefox 95.0.2（64 位）打开 https://grapesjs.com/demo.html双击某些文本（比如“无需编码即可构建你的模板”）预期的行为是什么？富文本编辑器显示为正常的按钮大小目前的行为是什么？富文本编辑器显示有非常大的按钮情况如下： ![图片]（https://user-images.githubusercontent.com/7610713/...

varadero

看起来如果我删除<svg>工具栏HTML中的“''元素，垂直大小就没问题了。这些是<svg>导致高高的“元素”： ![图片]（https://user-images.githubusercontent.com/7610713/156746891-a29bc91f-ec99-4adb-828b-0afa6b70ac76.png）这是我从HTML中删除富文本编辑器时的样子： ![图片]（https://user-images.githubusercontent.com/761...

GJSBlock

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

查看详情

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

查看详情

#41742022年3月3日作者 javadsamiee2 个回答

1 个反应

提问 style-manager 缺陷 typescript

Refresh page we will lost body/wrapper background color

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 98.0.4758.109 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子如何复现这个漏洞？“正体（选定 #wrapper）->装饰 ->背景色和颜色保存更改后刷新页面预期的行为是什么？刷新页面后显示背景色，并保持背景色设置目前的行为是什么？身体没有背景，背景颜色设置为零我检查了保存数据，发现我们保存了包装器ID及其样式，而刷新页面包装器后每次都会获得新的ID。 <img width=“936” alt=“image” src=“https://user-images....

artf

你好@javadsamiee谢谢你的报告。这实际上是一个旧问题#2834，我正试图在下一个版本中解决它（我关闭本期，转而关注旧问题）。

GJSBlock

谢谢你举报，@javadsamiee。关于刷新页面我们将失去身体/包装背景颜色的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'some...

查看详情

#41732022年3月3日作者 Ameeko4 个回答

4 个反应

缺陷提问 typescript

Text element does not work properly

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v98可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子我打开了一个笔记本（Win11）我在记事本上写了：测试 [回车] 测试 [回车] 测试 [回车] 我选中了整段文字并复制到剪贴板上我在 GrapesJS 编辑器里创建了一个“文本”元素我把剪贴板上的文字复制到“文本”元素里我点了点门，走到外面这将是结果 ![图片]（https://user-images.githubusercontent.com/61547701/156581413-10b9a9f6-946e-4e6c-...

Ameeko

有人能帮我解决这个问题吗？

Ameeko

文本是纯文字，没有标签。我试过用\n和\r\n换行，效果不好。在GrapesJS中插入带换行的纯文本时，会出现不必要的标签。

Joshmamroud

@Ameeko 和@artf我也遇到了这个问题。有人找到解决办法了吗？

查看详情

#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'））;...

查看详情

GrapesJS 问题

浏览所有主题