漏洞：阻挡高亮显示的错误

Question

版本： 0.6.18 你可以在控制台输入“grapesjs.version”获得版本 你能重现演示中的bug吗？ [ ] 是的 [x] 不 我觉得这可能是因为演示版是全屏模式？ 预期的行为是什么？ 我想富文本编辑器的工具栏应该放在正在编辑的文本块附近。此外，双击文本对象并不总是触发RTE工具栏。 详细描述那个漏洞 这似乎只在编辑器未处于全屏模式时发生。当它出现在可滚动的标准浏览器窗口上时，RTE的位置似乎会根据滚动位置发生或可能被误算。此外，双击文本块并不总是显示RTE工具栏。 更新： 起初我以为这只是和RTE的定位有关。但正如我在最新评论中提到的，如果Grapes编辑器不是全屏模式，且编辑器顶部位置不在视口顶部，内容块的高亮/选择时就会出现这个问题。我在这个帖子的最后一条评论里附上了一个压缩包的屏幕录制。 你能附上截图、截屏或实时演示吗？** [x] 是的（附上） [ ] 不 <img width=“1741” alt=“截图 2020-10-06 早上7：59 54” src=“https://user-images.githubusercontent.com/3180594/9...

artf · Accepted Answer

看，在最新版本中，我们增加了这个选项 https://github.com/artf/grapesjs/blob/8822aa6c6e8ced09ad50f2c8392f1754d3a6ec8b/src/editor/config/config.js#L151-L157 所以，首先，确保你没有从浏览器中提供缓存的 Grapesjs 版本（在 devtools 'console.log（grapesjs.version）' 中运行），然后检查你的可滚动面板是否是你 '

' 的第一个父面板。如果可滚动面板不是你 grapesjs 容器的父面板（默认情况下会被监听），你应该可以把它当作“listenToEl” 选项传递给你

HeyWrecker · Answer

@artf 和你一样，我也没法用小提琴繁殖。于是我开始逐条拆解 HTML 内容，直到我发现一个主要的网站容器在类上定义了一个“overflow-x： hidden”，而且不知为何这似乎严重影响了 GrapesJS 的高亮和工具栏放置。我纠正了这个问题，除了更新最新版本并赋予“listenToEl”属性外，所有问题都解决了。实际上，似乎是根“div”里的“overflow-x： hidden”导致了这个问题。

非常感谢你花时间和精力帮我解决这个问题。

MartinPutz · Answer

@HeyWrecker 我见过类似的情况，比如没有选择设备或画布被外部JS操作。你能用以下方法检查当前选中的设备吗：

https://grapesjs.com/docs/api/editor.html#getdevice “''js editor.getDevice（）;

漏洞：阻挡高亮显示的错误

问题

回答（3）

相关问答

一个模块的类别不总是在类别部分显示

从0.19.4升级到最新0.20.1后，图层管理器下的图标不再可见。

无法设置0像素盒子的阴影模糊

TextNodes 在元素内容更改时会干扰

与此问题匹配的付费插件

浏览插件分类