GrapesJS 问题

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

状态

排序

找到 743 个问题

🔍 bug

#32472021年1月24日作者 fmay2 个回答

1 个反应

提问组件缺陷 typescript

Traits

你好@artf——你建造的东西非常壮观。这过程很温和，因为我远非JS高手。不过，我几乎所有配置都完成了——除了这个！我想设置在选择图片时显示的特征（alt、src、id）。我相信初始化时可以完成一次，但我真不知道怎么做。我已经读遍了所有能找到的相关内容，但仍然卡住了。我唯一让它工作的方法如下...... 另外——开箱结版的“Alt”排在前面，我真的很希望它排在“src”之后。我不知道怎么去除它，因为“removeTrait（）”似乎不起作用。虽然我的解决方案有效，但我很想知道应该怎么做。非常感谢！

artf

嗨，Freddy，在这种情况下你可以简单地扩展图像分量 “''js 编辑。Components.addType（'image'， { 型号：{ 默认值：{ 特质：[{name： 'alt'}， {name： 'src'}， {name： 'id'}] } } }); ```

GJSBlock

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

查看详情

#32432021年1月20日作者 hanna4042 个回答

0 个反应

缺陷提问 typescript

Textable attribute not working and causing exceptions

版本： 0.16.27 至最新你能重现演示中的bug吗？是的 [X] 是的 [ ] 不预期的行为是什么？将文本块插入另一个文本块内详细描述那个漏洞在添加新块，甚至创建新的自定义类型时，“textable属性”并未如预期和描述那样工作。此前没有类似报道， ![图片]（https://user-images.githubusercontent.com/62241042/105239315-75c3ce80-5b75-11eb-9692-980eeef9b3a7.png） ![图片]（https://user-images.githubusercontent.com/62241042/105239511-82e0bd80-5...

artf

#2771的复制品

GJSBlock

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

查看详情

#32352021年1月15日作者 AnnaSu1 个回答

0 个反应

组件缺陷提问文档 style-manager

“component：update”在组件移动时不会触发

摘自 https://github.com/artf/grapesjs/blob/dev/src/editor/index.js#L33'component：update' - 当组件被更新（移动、样式等）时触发，模型作为参数传递给回调重现这个bug使用“move”API 移动组件https://grapesjs.com/docs/api/component.html#move点击箭头上/箭头下按钮https://codesandbox.io/s/charming-mendel-ivrlz?file=/index.html ![图片]（https://user-images.githubusercontent.com/17810...

GJSBlock

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

查看详情

#32242021年1月8日作者 marcepoblet3 个回答

1 个反应

组件缺陷 typescript

当对任何文本组件应用变更时，changesCount 不会被递增

https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 当你双击任何文本组件并进行写入或修改时，参数“changesCount”不会被递增。对于按钮/图片组件，参数“changesCount”是递增的，且工作正常。我附上了一个视频，展示了这种行为。我在 0.16.27、0.16.30 和 0.16.34 版本中都能重现这个错误。在旧版本中，这个问题不会出现

artf

谢谢@marcepoblet修复已经准备好下一次发布了

marcepoblet

谢谢@marcepoblet修复已经准备好，下次发布时会有修复谢谢！@artf，你对上映日期有个估计吗？

GJSBlock

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

查看详情

#32162021年1月5日作者 tomhatzer4 个回答

2 个反应

缺陷增强提问文档 typescript

功能：通过资产管理器添加 referrerPolicy 以加载图片

你想给GrapesJS添加什么？我正在尝试通过资产管理器为图片加载添加“Referer”头。详细描述你的功能需求详细我正在开发一个托管在AWS上的页面构建器。为了防止别人热链接我的图片，我实现了AWS WAF，限制图片加载到referer域（我自己的域名）。当用“.src”程序加载图像时，没有发送referer头，导致图像损坏或无法显示（服务器出现403个错误）。我们可以通过将“refererPolicy”属性设置为“origin”来解决这个问题。更多详情请见此处：https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/referrerPolicy...

artf

正如对PR的回复，如果需要，可以扩展图像组件来实现，而不会破坏对他人的集成。顺便说一句，当你想添加某个功能时，你应该始终考虑这对他人的使用方式。所以，如果“referrerPolicy”功能提供了更多选项，那么让它可自定义可能更合理，这样新功能也能适用于其他情况（你不能只强制它“origin”，因为它适合你的情况）。

tomhatzer

非常感谢你的建议@artf——我会尝试通过扩展原始组件来完成这件事。祝你有美好的一天！😃

tomhatzer

对于所有遇到iframe无法发送里面内容引用头的人，这里有一个快速且粗略的解决方案。只需将Canvas iFrame的“src”设置为你想要的域名，并用这个引用器。就我而言，我希望和编辑器显示的网页用的是相同的域名。在渲染时，'srcDoc' 属性会引路，然后是 'src' 属性。请注意，在Canvas iFrame加载后设置可能会导致错误，所以可以尝试操作Canvas视图的属性（据我所知，这不直接实现）。

查看详情

#32092020年12月24日作者 TouficNouwayhedd2 个回答

1 个反应

提问组件缺陷 typescript

在预览模式下，工具栏只是隐藏，但仍可点击

版本： 0.16.22 你能重现演示中的bug吗？是的预期的行为是什么？当用户按下预览按钮时，图标工具栏不可点击。详细描述那个漏洞当用户点击预览（即使是在演示网站）时，如果你在点击预览前将鼠标悬停在选中的组件上，你会发现可以再次点击工具栏。为了解决我项目中当前的问题，我必须在预览运行时隐藏工具栏的div（“gjs-toolbar”），退出预览时再显示一次。目前的行为是什么？在预览模式下，将鼠标悬停在选中的组件上，仍然有可点击的元素。你能附上截图、截屏或实时演示吗？** 是的。请查看附带的mp4 https://user-images.githubusercontent.com/66264061/103091217...

artf

修复已准备好下一次发布

GJSBlock

谢谢你举报，@TouficNouwayhedd。在预览模式下，工具栏只是隐藏但仍可点击的问题，似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这...

查看详情

#32042020年12月22日作者 maivanchuong2 个回答

0 个反应

提问缺陷文档 typescript

I want save and load in asp.net mvc

警告请阅读并遵循接下来的三步，然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下，看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答，否则问题可能已结案JSFiddle 入门模板 https://jsfiddle.net/szLp8h4nCodeSandbox 入门模板 https://codesandbox.io/s/1r0w2pk1vl 版本：你可以在控制台输入“grapesjs.version”获得版本你能重现演示中的bug吗？ [ ] 是的 [ ] 不预期的行为是什么？详细描述那个漏...

artf

不要不尊重，阅读并遵循问题模板......

GJSBlock

感谢你报告，@maivanchuong。 i want save and load in in mvc 的问题似乎 asp.net 竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（C...

查看详情

#31972020年12月19日作者 craighaworth2 个回答

0 个反应

缺陷提问 style-manager 组件依赖

你能重现演示中的bug吗？

版本： "0.16.30 你能重现演示中的bug吗？ [ x] 是的（通讯演示版）预期的行为是什么？图像大小调整的handle应该在不抛出异常的情况下调整图像大小。详细描述那个漏洞点击任何图片缩放的手柄都会触发未抓到的类型错误。 PropertyView.js：504 未捕获类型错误：无法读取未定义的属性“get” 在r.isTargetStylable（PropertyView.js：504）在r.checkVisibility（PropertyView.js：326）在r.target更新（PropertyView.js：269）东部时间（index.js：759） R.<匿名>（index.js：772）在r...

artf

感谢你的报告，下次发布会修复。

GJSBlock

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

查看详情

#31962020年12月19日作者 fzerman3 个回答

1 个反应

缺陷提问画布

Build grapesjs with npm

你好，@artf，非常感谢你提供这个很棒的框架。我想为 grapesjs做出贡献。不过，我用webpack和babel时很蠢。当我尝试构建 grapesjs时，我犯了一些错误。错误：我该如何修复这个错误？谢谢。

longdoan7421

@Swindler36 这个错误是找不到“eslint”。你运行过“npm安装”吗？

fzerman

@longdoan7421我修正了这个错误。谢谢。我想问两个关于webpack和Babel的新问题。我可以分别使用webpack和Babel。但是。我没能将它们集成。我该怎么做？如何利用它的npm文件在没有测试的情况下构建 grapesjs ？我只想生成捆绑包文件。

GJSBlock

谢谢你举报，@fzerman。问题：用npm构建 grapesjs 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定：检查初始化顺序 — 确保组件在操作前已完全加载使用编辑器的事件系统 — 收听完成事件：推荐的下一步步骤：如果还没测试，请用最新的 GrapesJS 版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本...

查看详情

#31862020年12月11日作者 kuhelbeher2 个回答

0 个反应

缺陷提问 typescript

Resize with percentage

你好，当元素的尺寸设置为百分比时，出现了一个调整尺寸的bug： ![simplescreenrecorder-2020-12-11_15 46 17]（https://user-images.githubusercontent.com/37115006/101912204-195eae00-3bca-11eb-9c8b-c202b61b9d1e.gif）你可以在这里查看本期[https://codesandbox.io/s/grapes-resize-2ycel?file=/src/index.js]

artf

不是bug，只是我一直没怎么正确调整比例 🙃 如果能有永久居民就好了

GJSBlock

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

查看详情

GrapesJS 问题

浏览所有主题