GrapesJS 问题

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

状态

排序

找到 743 个问题

🔍 bug

#31812020年12月11日作者 congweibai2 个回答

0 个反应

提问缺陷文档 style-manager typescript

SelectorManager not return a String but an Object

版本：0.16.30 你能重现演示中的bug吗？ [1] 是的预期的行为是什么？* SelectorManager.getState（）应根据 SelectorManager.getState（）返回字符串 https://grapesjs.com/docs/api/selector_manager.html#getstate 详细描述那个漏洞 ![截图 2020-12-11 上午9：48 43]（https://user-images.githubusercontent.com/53634020/101841570-10ec8000-3b96-11eb-80d5-04d771fdb576.png）目前的行为是什么？ Se...

congweibai

你能帮我看看 https://github.com/artf/grapesjs/pull/3182 这解决了这个问题吗？谢谢

GJSBlock

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

查看详情

#31772020年12月9日作者 anatoli-dp3 个回答

0 个反应

增强提问组件缺陷画布

问题/功能请求：更改所选组件工具提示

通过API有没有办法更改所选组件工具提示，还是只能通过编辑源代码来实现？如果是关于API的，请多包涵，因为我不够聪明，无法有效更改源代码，每次尝试做其他修改时，使用修改后的框架都会出错。如果没有，请把这个功能加到一个新功能里，因为这对某些自定义公司来说会非常有用。

artf

你好，当你定义一个新组件时，可以自定义它的工具栏 “''js ... 型号：{ 默认值：{ ... 工具栏：[ { 属性： { 类别： 'fa fa-arrow-up'，命令：（） => alert（'Hi'） }， ... ], } } 但不会被存储（比如页面刷新），所以我总是建议更多地以组件为导向思考。

anatoli-dp

谢谢，这对我想添加的一些内容帮助很大使用。 2020年12月29日星期二下午1：01 Artur Arseniev <[email protected]> 写道：关闭了#3177 <https://github.com/artf/grapesjs/issues/3177>。 — 你收到这个帖子是因为你写了这个帖子。直接回复此邮件，请访问GitHub查看 <https://github.com/artf/grapesjs/issues/3177#event...

GJSBlock

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

查看详情

#31762020年12月9日作者 mcottret4 个回答

1 个反应

提问 style-manager 组件缺陷 typescript

'setStyle' 和 'setComponents' 选项参数未被考虑

版本： 0.16.30 你能重现演示中的bug吗？ [x] 是的 [ ] 不繁殖步骤：打开控制台执行 'editor.setComponents（''， {avoidStore： true}）;'执行 'editor.setStyle（''， {avoidStore： true}）;'“存储......”日志依然存在（见附图）预期的行为是什么？ “选项”参数应被考虑。将“avoidStore”选项传给“true”，再传给“setStyle”和“setComponents”，应该能防止更新事件触发。目前的行为是什么？ “选项”参数未被考虑。传递“避免商店”选项无效，更新事件仍然会触发。提出的解决方案：很抱歉我之前在[PR]...

artf

谢谢@mcottret修复已经准备好，下次发布时会有修复

artf

不幸的是，由于初始命名不当，“avoidStore” 是用来跳过 UndoManager 而不是存储😁的好消息是，为了修复 #3189，我不得不引入新的“noCount”选项，这样可以跳过编辑器更改计数器，也不会触发存储。这个修复也促使我正确更新了 handleChanges 中的签名，使用 CssComposer，但我还需要修正其他几种方法才能让整个系统正常工作（包括你提到的那些）。所以，在下一个版本中，这个功能应该会像你预期的那样运行，配合新的“noCount”...

mcottret

你好，@artf！很抱歉重新提起这个问题，但“setStyle”问题似乎依然存在。重新操作上述步骤，“存储......”当调用“setStyle”并使用“noCount”选项时，日志仍然显示。我看到[已修复的“handleChanges”处理程序仍然使用“避免Store”选项]（https://github.com/artf/grapesjs/blob/dev/src/css_composer/index.js#L130），但“避免Store”选项似乎也没用。我没深...

查看详情

#31752020年12月9日作者 mcottret2 个回答

0 个反应

缺陷提问组件画布 typescript

选择和激活RTE在程序化移除组件时未被清除

版本： 0.16.30 你能重现演示中的bug吗？ [x] 是的 [ ] 不繁殖步骤：在演示画布中选择文本组件选择框和RTE出现打开控制台执行 'editor.setComponents（''）;'组件被移除，但选择框和RTE仍然存在（见附图）预期的行为是什么？当程序性移除带有活跃RTE的选中组件时，应清除该选中和激活RTE的组件。目前的行为是什么？组件选择和RTE在不存在组件上保持活跃。点击后元件选择会消失，但RTE不会，且会报错。提议解决方案：当['ComponentTextView'的“onDisable”处理程序被移除时，执行该处理程序]（https://github.com/artf/grapesjs/blo...

artf

感谢@mcottret报告。我自己处理过这个问题，应该会在下一个版本中修复，但一如既往，感谢你愿意帮忙:)

GJSBlock

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

查看详情

#31662020年12月1日作者 nanaya14 个回答

0 个反应

提问组件缺陷画布 typescript

Problem with copy and paste a node

*版本：0.16.27 你能重现演示中的bug吗？ [ ]是的 [ ] 不预期的行为是什么？在右侧面板和画布中，粘贴的节点应该在复制的节点之后。目前的行为是什么？我复制一个节点。在views-container（右面板）中，粘贴的节点位于复制节点之后。但在画布中，粘贴的节点位于复制节点之前。如下所示： ![图片]（https://user-images.githubusercontent.com/22161888/100718588-7c945780-33f6-11eb-9f8d-ef17fc192031.png）详细描述那个漏洞当 html 标签之间存在空格或回车时，就会出现这个错误。因为在'grapesjs/sr...

artf

我试过本地设置，但节点位置是正确的。你能制作一个现场演示吗？

nanaya1

抱歉，我没有详细说明发生这个错误的具体情况。 Grapesjs自带的组件不会出现这个错误，因为它们没有空格、回车或制表符。我在定制组件时遇到了这个问题。我自己定制了很多组件，有些会遇到这种情况。发现该问题的自定义组件节点初始化示例如下。如果你想在 grapesjs 默认组件中重现这个问题，可以通过 f12 元素的“Editor as HTML”输入节点间空格。具体如下。 ![live_demo]（https://user-images.githubuserconte...

nanaya1

@artf我不小心关闭了问题。

查看详情

#31612020年11月27日作者 ssmanoj-grapes4 个回答

0 个反应

缺陷组件 style-manager undo-manager typescript

Editor Undo 正在移除集合，无法替换组件

在撤销前所选组件的集合 ![元素收集-前-u]（https://user-images.githubusercontent.com/75111879/100419275-467b6e80-30aa-11eb-8df4-10e210d41689.png）撤销后所选组件的集合 ![元素收集后]（https://user-images.githubusercontent.com/75111879/100419319-55622100-30aa-11eb-8272-baebedf9313e.png）代码用新组件替换该组件 ![代码]（https://user-images.githubusercontent.com/75111879/...

artf

抱歉，没有可复现的演示，这个问题对我来说说不通

ssmanoj-grapes

你好，artf，请查看本期[grapejs-issue.zip]（https://github.com/artf/grapesjs/files/5630421/grapejs-issue.zip）的演示视频。

artf

好吧，既然你无法制作一个可复现的演示，我得关闭这个......

查看详情

#31592020年11月26日作者 sathyanarayananaCES2 个回答

1 个反应

提问缺陷常规

除了控制台日志之外，有没有其他办法获取解析器错误

我使用的是最新的GrapesJS（v0.16.27）。根据问题修复（#2029），异常已被捕获并登录到控制台。除了控制台日志之外，还有其他办法能让我们知道这些错误吗？类似 asset：upload：error 的话，如果我们有 parse：error，用自定义方式处理错误会很有帮助。如果我们已经有办法处理这个问题，请告诉我。

artf

通常，错误不来自解析器，而是来自DOM的创建（例如编辑器通过“setAttribute”创建元素）。你可以通过监听日志事件来发现编辑的错误 “''js editor.on（'log：error'，（err） => console.log（'编辑者错误'， err）） ``` 例如，你可以输入逻辑（例如读取错误）并展示相应的响应

GJSBlock

谢谢你举报，@sathyanarayananaCES。 [问题]的问题除了控制台日志之外，有没有其他方法能获得解析器错误？看起来是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例...

查看详情

#31522020年11月23日作者 fq-selbach4 个回答

2 个反应

缺陷提问 style-manager typescript

蓝色轮廓（GJS-悬停）在滚动时不会跟随其父轮廓

版本：16.27 你能重现演示中的bug吗？ [x] 是的 [ ] 不描述一下这个bug：我发现了“gjs-hovered”（负责元素鼠标悬停轮廓的类）存在问题。有时蓝色轮廓在滚动时相对于其父轮廓会移动。看看这个JsFiddle（并用鼠标滚轮滚动）：https://jsfiddle.net/vb7r1zns/ 这似乎只在HTML代码以另一个完整的宽度/高度 DIV 开始时发生：预期的行为是什么？蓝色轮廓应始终与其父元素完全匹配，无论是否有溢出或滚动。你能附上截图、截屏或实时演示吗？ [x] 是的（附上） [ ] 不 https://jsfiddle.net/vb7r1zns/

lofcz

如果能修复这问题就好了，虽然不是世界末日，但有点烦人。

matteocollina

有消息吗？

artf

我决定关闭这个，因为其实之前已经修复了，旧的演示现在确实正常运行了。如果你的编辑器被放在可滚动容器中，你仍然可能遇到这个问题，那请使用以下选项： https://github.com/artf/grapesjs/blob/dc45604962e4e6a4a075f19d5de67090bac15fa5/src/editor/config/config.js#L157-L163

查看详情

#31492020年11月21日作者 MarksEliel2 个回答

0 个反应

缺陷常规

Background layers empty in reload editor

版本：最后演示中没有出现这个bug，我认为是因为使用localstorage进行存储。 Grapesjs 在背景时正常工作，但当我插入背景图层时，所有内容都显示正确。问题是当我重新加载编辑器时，它不会显示已创建的图层，但所有内容都正常显示，问题是无法再次编辑，因为图层不会出现。更多详情请观看视频。 https://youtu.be/F_YRlJpONSM

artf

在演示中没有出现这个bug，我认为是因为使用localstorage来存储。不，使用本地存储和远程存储没有区别，因为使用的 JSON 结构是相同的。确实，我猜你是在回加载 HTML，而不是 JSON（正如这里 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 解释的那样）

GJSBlock

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

查看详情

#31372020年11月12日作者 Asha15973 个回答

0 个反应

style-manager 提问组件缺陷 typescript

当我选择某个特定元素时，我没有看到它的样式。这个问题只发生在某些元素上。

未获得所选元素的样式这是我的代码， const model = 编辑器。StyleManager.getModelToStyle（component）; let styleObject = model.getStyle（）; console.log（“样式”，styleObject）版本： 0.14.49 你能重现演示中的bug吗？ [X] 是的 [ ] 不预期的行为是什么？当选中元素时，我应该会看到该元素的样式。目前的行为是什么？当选中元素时，我没有得到任何样式，只有空的对象。你能附上截图、截屏或实时演示吗？ [X] 是的（附上） [ ] 不这是实际和预期结果的截图，真实 ![截图，2020-11-12 16-5...

artf

首先，你需要升级你的 Grapesjs 版本（你用的是两年前的版本），然后你还得提供一个问题的实时演示。

no-response[bot]

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

GJSBlock

谢谢你举报，@Asha1597。当我选择某个特定元素时，我无法获得它的样式。这个问题只发生在某些元素上。似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandb...

查看详情

GrapesJS 问题

浏览所有主题