GrapesJS 问题

artf

是的，真的很奇怪，我最初猜测是Canvas工具栏在窗口“滚动”时没有更新，所以我尝试创建一个非全屏的长页面示例，但我发现主窗口上没有“滚动”监听器，因为不需要，工具栏的位置是正确的。 所以，我能想到的唯一合理问题可能是Firefox浏览器（请尽量在Chrome浏览器里查看你的页面），或者你可能在iframe里加载页面，因为这可能是个问题，这种情况下你需要设置一个“滚动”监听器并将其传播到编辑器

tomaskallup

你好，谢谢你的回复！ Firefox似乎不是问题所在（Chrome上也有同样的行为） ![图片]（https://user-images.githubusercontent.com/26621166/79864366-a655bc80-83d9-11ea-99f9-25349e219ab9.png） 而且复制仓库在两个浏览器中都能正常运行，没有这个bug。 我没有在iframe里加载任何东西（这是从实际页面的检查员布局） ![图片]（https://user-images....

tomaskallup

@artf我想我找到了原因，我们的根元素 '<div id=“❤”“>' 有这样的样式： “''CSS #❤ { 高度：100 VH; 显示：flex; } ``` 把它添加到复制仓库后，问题就出现了！（去除“弹性”似乎能解决问题，我会调查是否真的需要，但至少现在有实际的繁殖能力了）

artf

你好，@mazuschlag，感谢你的好评。关于这个问题，你能详细说明一下“点击和移动”的行为吗？我是不是应该只选一个组件，只在鼠标上移动？之前有个问题是移动组件会导致应用冻结（基本上可以把组件丢进自己的子组件里，导致无限循环），但几个版本前修复了。

mazuschlag

嗯，这听起来确实有点像我遇到的问题。这需要按住鼠标左键，快速拖动组件后再松开。这种情况发生在快速操作时——你点击一个组件，当你把鼠标移开（同时还在向下点击一会儿）时，编辑器会“卡住”。你可以通过再次点击组件并拖动它来解冻。

artf

@mazuschlag，你用的是旧版还是最新的Grapesjs？我无法在最新版本中复现它

emilsedgh

我同意这需要在销毁函数本身中重新打开并修复。

emilsedgh

谢谢你@artf！🙏

artf

感谢报告@wemod123你能制作一个可复现的现场演示吗？

bgrand-ch

你好， 对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。 如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...

darylamonica

还有什么办法能得到回复吗？我附带了一个演示版。许多已回答的问题没有示例。那么，我到底哪里做错了？

artf

提供更多关于设备（操作系统、浏览器等）的信息。

abozhinov

当用“select-comp”命令覆盖这两种方法时，一切运行完美。 问题是“el”在DOM里并不存在。 ` onHovered（em， component） { 设结果 = {}; 如果（分量） { const { view } = component; const { el } = view; const pos = this.getElementPos（el）; 结果 = { EL， POS， Component， View }; 如果 （pos.width > 0）...

abozhinov

触发渲染而不是重置时得到的结果是一样的。

abozhinov

@artf试玩版也是一样的。只需拖动旋转木马，点击幻灯片即可。 <img width=“1440” alt=“截图 2020-03-16 14 58 23” src=“https://user-images.githubusercontent.com/1404839/76760669-b8b75780-6796-11ea-8e24-8946e27949f9.png”>

bgrand-ch

你好， 对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。 如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。...

artf

是的，确实慢了，不确定具体情况，但初步猜测可能是这个函数，它检查组件是块（比如div）还是内联元素（比如span）。 https://github.com/artf/grapesjs/blob/1214bbd957e88df78cd99491e53ab243010cd1ed/src/utils/Sorter.js#L549 任何帮助都非常欢迎

artf

无法再繁殖了

ronaldaug

对于那些不知道如何使用模态“属性”的人来说， 你可以在 modal 的 open 方法中添加选项“opts.attributes”，如下所示。 “JavaScript const modal = 编辑器。模态; const opts = { 属性：{ class：'my-custom-class'， id：'my-custom-id' } } modal.open（opts）; ``` 因为我在[这里的文档]（https://grapesjs.com/docs/api/mo...

kaoz70

好的，我想做一个函数来设置宽度，比如：setWidth（'400px'），还有一个自定义属性的方法：setAttributes（{'data-custom-attribute'： 123}）。 我觉得需要两个函数，因为宽度由CSS控制，模态设计也是，所以在这种情况下让用户设置宽度就足够了。属性函数则用于其他需要的情况 你怎么看？

kaoz70

你好，抱歉我现在工作堆得很满，如果@sunnykgupta能试试这个就太好了。

artf

不幸的是，这是因为 ['getComputedStyle']（https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle） 的工作方式，它返回已解析的值，所以用 'rem' 而不是 'px' 会“混淆”这个值。 目前我没有解决这个问题的计划，但我非常希望能有个永久居民，或者至少给我一个解决办法

artf

这应该会在最新版本中修复 https://github.com/artf/grapesjs/releases/tag/v0.18.1

artf

我同意 👍

h3llomoto

好了，大家，如果你们需要，我找到了一个热修复方法： “JavaScript 设 itmView = 编辑器。LayerManager.getAll（）; itmView.proto.toggleVisibility = function（e） { e & & e.stopPropagation（）; const model = this.model; const style = model.getStyle（）; const hidden = style.display =...

artf

谢谢@h3llomoto逻辑完全正确，我也会做同样的改动，但更习惯性一点