GrapesJS 问题

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

找到 466 个问题

🔍 components
#41912022年3月10日作者 mastercorp-usa4 个回答
1 个反应

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

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

lalitog

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

mastercorp-usa

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

artf

CORS问题和GrapesJS无关

#41892022年3月10日作者 vladninja1 个回答
0 个反应

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

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

ClaudeCode

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

#41882022年3月9日作者 levinhtin1 个回答
0 个反应

SVG <linearGradient> 标签会<lineargradient>变成画布

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

ClaudeCode

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

#41872022年3月9日作者 Townsheriff1 个回答
0 个反应

编辑器销毁方法在 React 中会报错

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬98 可复制演示链接 https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js 描述一下那个虫子 如何复现这个漏洞?卸载子元素创建带有回调的 useEffect 编辑器被销毁 预期的行为是什么? 没有错误 目前的行为是什么? 掷出错误,因为找不到元素。至少 'getBody()' 返回 null。 分支0.18.3的堆栈追踪,禁用了minifaction。 如果代码沙盒消失: “''js 从“grapesjs”导入葡萄; 从 “react” 导入 React; 导出默认函数 App...

ClaudeCode

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

#41752022年3月3日作者 sandeepyerkala2 个回答
0 个反应

换弹时缺少偏移线

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

artf

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

ClaudeCode

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

#41682022年2月28日作者 m-jojo-s1 个回答
0 个反应

鼠标输入前未切换。

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

ClaudeCode

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

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

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

葡萄JS版本 [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' “''js <div id=“gjs”> <div s...

artf

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

ClaudeCode

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

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

风格管理器中的意外行为

葡萄JS版本[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 个反应

在“component:mount”中的component.remove()不会移除渲染后的视图

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 98.0.4758.80(官方构建)(arm64) 可复制演示链接 https://jsfiddle.net/Lsjhxczp/10/ 描述一下那个虫子 如何复现这个漏洞?设置组件:挂钩以移除已安装的组件添加新块/组件 预期的行为是什么? 新组件会被移除,模型和视图都被移除。 目前的行为是什么? 只有模型被移除,视图保持原位,移除后不会重新渲染。 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js editor.on('component:mount', component => { 如果 (component.is...

artf

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

ClaudeCode

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

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

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

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

ClaudeCode

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

浏览所有主题