GrapesJS 问题

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

状态

排序

找到 3,464 个问题

#39472021年11月16日作者 confettidc4 个回答

0 个反应

Selection box not clickable in editor

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Firefox 94.0.1可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子如何复现这个漏洞？尝试在上述演示网站拖拽选择框，可以重现问题... 预期的行为是什么？选择框在添加选项时应该能显示目前的行为是什么？选择框现在只能高亮，不能在里面显示选项如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本项目的行为准则

artf

如果你说的是表单插件里的选择组件，那选项会以特征的形式显示。

confettidc

是的，但即使在预览中，选择框还是无法点击？谢谢。

thomas-le-goff

你好，这个问题就是因为这条线（https://github.com/artf/grapesjs-plugin-forms/blob/master/src/components.js#L186）。如果只在编辑器处于预览模式时启用事件，可能会很有趣？那么，把事件放在预览模式真的有用吗？我不知道预览系统是怎么运作的，但我可以查看它来提出PR的建议？

查看详情

#39402021年11月13日作者 dan-castillo2 个回答

0 个反应

提问缺陷常规

Issue with updating Button text

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome - 版本 95.0.4638.69可复制演示链接两个地方：https://grapesjs.com/demo.html，我这里有一个仓库：https://github.com/dan-castillo/TestingGjsV1729.git描述一下那个虫子如何复现这个漏洞？访问表单插件演示：https://grapesjs.com/demo.html滚动到底部，尝试更改提交按钮的文本或者我添加了一个角度仓库 [这里]（https://github.com/dan-castillo/TestingGjsV1729.git）预期...

artf

这只是网页预设的问题，它有旧的表单插件引用，和核心无关。

GJSBlock

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

查看详情

#39392021年11月13日作者 xQwexx4 个回答

0 个反应

提问组件缺陷增强 typescript

Disabled drag and drop in preview

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？第95卷可复制演示链接 https://codesandbox.io/s/grapes-border-issue-forked-2c0ib？file=/src/index.js：10258-10261描述一下那个虫子如何复现这个漏洞？我正在尝试创建一个自定义组件，包含拖拽端放功能，由于修复了#2904，可拖拽属性被完全关闭。预期的行为是什么？使得有意拖拽的自定义组件可以作为预览目前的行为是什么？目前预览版中所有可拖拽事件均被禁用我也愿意先做个PR，我想先讨论一下解决这个问题的最佳方式，或者这可能是项目的设计决定。行为准则[X...

artf

@xQwexx你好，在这种情况下你会怎么解决？我们还是需要在预览版中保持D&D的关闭。你能不能也发布你的组件代码，以便更好地理解使用场景？

no-response[bot]

由于我们请求原作者提供更多信息未获回应，本期已自动关闭。仅凭当前期刊中的信息，我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案，请随时联系我们，以便我们进一步调查。

xQwexx

你好@artf我更新了一个演示，我的建议是使用'attributes： { draggable： 'true'}'，在预览中指示组件是否可拖曳，组件模板的拖拽处理保持如' attributes： { draggable： 'true'， ondrop： 'drop（event）'， ondragover： 'allowDrop（event）'}' 我现在不太确定具体怎么处理，但如果没有这个属性，我会把可拖拽的 html 标签改为 false，当我们切换到预览时。

查看详情

#39382021年11月12日作者 mingxin-yang2 个回答

0 个反应

提问缺陷画布

Editor.select(model,{scroll:true}) ,scroll don't work

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬可复制演示链接 https://codepen.io/mingxin-yang/pen/YzxLNay 描述一下那个虫子如何复现这个漏洞？editor.select（model，{scroll：true}），滚动不工作... 预期的行为是什么？点击方块，添加到画布后，你可以选择、激活并滚动到选定的位置目前的行为是什么？ ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则 [X] 我同意遵守本项目的行为准则

artf

谢谢@mingxin-yang，这个问题将在下一个版本中修复。

GJSBlock

谢谢你举报，@mingxin阳。关于 editor.select（model，{scroll：true}），滚动功能不工作，这个问题很棒。推荐的 Canvas 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（）...

查看详情

#39322021年11月9日作者 rakelley2 个回答

0 个反应

缺陷提问组件依赖 typescript

特征添加/移除可能会失败，因为集合类型不一致

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Brave 版本 1.31.88 Chromium：95.0.4638.69（官方构建）（64位）在 Linux 上可复制演示链接 https://jsfiddle.net/0a3o7cL6/ 描述一下那个虫子操作组件特征集合的方法（例如 addTrait 和 removeTrait）似乎总是假设集合是 Backbone 衍生的集合类型，但在某些情况下，它实际上是一个简单的数组。代码随后尝试调用不存在的方法。我对代码库不够熟悉，无法确定真正的bug是 get('traits') 返回不一致类型，还是调用方法没有考虑混合返回类型。我在视...

artf

是的，我会在下次版本里修正，谢谢

GJSBlock

谢谢你举报，@rakelley。安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。为你现在：运行“npm审计修复”以查看可用的补丁查看是否有更新的GrapesJS版本，可能已经解决了这个问题如有稳定版，升级前先测试最新稳定版如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试理解风险：在GitHub安全公告中查看具体漏洞详情并非所有高严重性问题都会影响你的代码路径某些漏洞仅在特定条件下触发...

查看详情

#39312021年11月9日作者 mrobertshaw4 个回答

0 个反应

缺陷提问 style-manager

Color trait type not working correctly

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 最新动态可复制演示链接无描述一下那个虫子首先，非常感谢你提供这么棒的软件——我非常喜欢！！我刚刚更新到最新的 GrapesJS （之前使用的是 0.16.x 版本），并且遇到了关于特质类型“color”的新问题。之前这个功能是正常工作的，但升级后似乎出现了以下 Javascript 错误： KinisiteWysiwyg.js：formatted：24937 未捕获类型错误：i.getValue 不是函数 at r.getColorEl （KinisiteWysiwyg.js：formatted：24937） at...

artf

感谢@mrobertshaw报告。修复将在下一个版本中发布。

miladmeidanshahi

非常感谢修复，@artf请尽快发布。

miladmeidanshahi

升级到最新版本后依然是同样的错误。@artf ![截图：2022-01-19 17-03-22]（https://user-images.githubusercontent.com/11172818/150140879-78509f2b-5e42-4d77-aea5-dc09da10dc28.png）

查看详情

#39172021年11月2日作者 denny993 个回答

1 个反应

提问 style-manager 依赖 typescript 缺陷

Compilation Error with Typescript

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？克罗姆95 可复制演示链接没有描述一下那个虫子如何复现这个漏洞？添加ts config file添加grapes作为依赖通过import * as grapesjs from 'grapesjs';和@import "~grapesjs/src/styles/scss/main.scss";导入Grapes 构建你的项目获得错误预期的行为是什么？应该能像版本.27那样构建目前的行为是什么？我们最近更新到了grapesv17.28。在这个版本中，我们在构建Angular项目时会收到错误信息。没错，我们没有jquery作为依赖。但不知...

artf

嗨，丹尼，谢谢你的报告。我决定关闭这条，转而使用#3902，因为它应该相关（即使错误不同）。请试试新版本，如果能解决问题请告诉我。

marcosvnmelo

我正在做一个 React + Typescript 项目，.28 版本也遇到同样错误

GJSBlock

谢谢你举报，@denny99。安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。为你现在：运行“npm审计修复”以查看可用的补丁查看是否有更新的GrapesJS版本，可能已经解决了这个问题如有稳定版，升级前先测试最新稳定版如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试理解风险：在GitHub安全公告中查看具体漏洞详情并非所有高严重性问题都会影响你的代码路径某些漏洞仅在特定条件下触发保...

查看详情

#39022021年10月30日作者 josh-fnbtech4 个回答

4 个反应

缺陷提问常规

Super expression must either be null or a function

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v95 可复制演示链接无法在那些链接上复现描述一下那个虫子尝试在 Ember 应用中导入 grapesjs 。行为准则 [X] 我同意遵守本项目的行为准则

artf

我在 npm 上发布了新的 0.17.29 版本。请试试，如果能解决问题告诉我。

nik736

我设置了新的MacBook Pro，也遇到了这个问题。+1

artf

你说的是@abozhinov 0.17.28还是0.17.29？

查看详情

#38832021年10月21日作者 akhalid-dev1 个回答

0 个反应

提问 style-manager 缺陷增强画布

GrapesJS 的导出功能和“查看代码”功能，而 Canvas 在六进制颜色方面则不像其他方式。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v91 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？访问网站：https://grapesjs.com/demo.html。清理画布以便进行更简单的演示。从“模块”部分插入文本元素。选择丢弃的文本元素，选择“样式管理器”，展开“排版”部分。粘贴十六进制值：“8ceb34”。这样画布 GrapesJS 的文本颜色会更新为绿色。然而，当我们查看生成的CSS或导出为zip时，缺少的“#”符号将缺失，颜色也不会被应用。 ![图片]（https://user-im...

GJSBlock

感谢你举报，@akhalid-dev。关于 GrapesJS 导出功能和“查看代码”功能，以及 Canvas 在十六进制颜色方面不一样的建议，真是太棒了。！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“sel...

查看详情

#38792021年10月20日作者 mortimerz1 个回答

0 个反应

提问 undo-manager 缺陷 style-manager typescript

关于选择器管理器未被撤销管理器追踪的更新

你好，@artf！我按照我在关于[如何将选择器管理器事件/动作添加到撤销管理器栈]（https://github.com/artf/grapesjs/discussions/3877）中提出的问题，设置了这个bug。我认为我们想要的是撤销管理器能够跟踪选择器管理器中发生的事件/操作。谢谢！

GJSBlock

谢谢你举报，@mortimerz。关于选择器管理器未被撤销管理器追踪的更新，这是个很好的问题。推荐的UndoManager方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'somet...

查看详情

GrapesJS 问题

浏览所有主题