GrapeJS/拖放在 Linux 和 Wayland 上的 Brave 上不起作用
通过用同一个 Brave 版本（Mac 版）检查，拖放功能似乎正常，所以看起来不像是 GrapesJS 本身或浏览器的问题。 如果有其他人有类似经历或对这个问题有更多了解，请告诉我们。
阅读下方完整回答 ↓问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器？
版本 1.51.110 Chromium：113.0.5672.77（Offizieller 版本）（64位）
可复制演示链接
https://grapesjs.com/docs/getting-started.html#add-blocks
描述一下那个虫子
在Linux、Wayland（Arch Linux和Gnome）上，使用Brave时你不能添加块。如果你拖放方块，松开鼠标后它们会消失，这让GrapeJS变得失效或无用。
我试过禁用勇气护盾和无痕模式，确保没有干扰JS。结果一样
如何复现这个漏洞？
- 打开 Grapejs 文档页面
- 尝试通过拖放添加该部分或文本块
- 确保不发生任何事
预期的行为是什么？
- 该块应被添加
目前的行为是什么？
- 什么都没发生
行为准则
- 我同意遵守本项目的行为准则
回答（4）
通过用同一个 Brave 版本（Mac 版）检查，拖放功能似乎正常，所以看起来不像是 GrapesJS 本身或浏览器的问题。 如果有其他人有类似经历或对这个问题有更多了解，请告诉我们。
我在Tauri上也遇到同样的问题。他们用的是WebGTK，拖放功能也没用
通过用同一个 Brave 版本（在 Mac 上）检查，拖放似乎正常，所以看起来不像是 GrapesJS 本身或浏览器的问题。
我觉得这支票不算有效。用Mac会得到完全不同的配置。我本以为这个问题可能和我的具体设备有关，但这并不意味着葡萄那边完全没办法。
我不指望你去解决，因为这可能是个角落情况，资源有限。也许这甚至和在Wayland上使用Brave有关。
谢谢你举报，@putzwasser。 关于GrapeJS/拖放在Linux和Wayland上Brave上不起作用的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：...
相关问答
通过相似的问题讨论继续研究。
问题 #5746
当面板不在编辑器容器时，ColorPicker 偏移不正确
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v122 可复制演示链接 https://grapesjs.com/docs/getting-started.html#style-manager 描述一下那个虫子 如何复现这个漏洞...
问题 #5408
Main.scss 在 0.21.6 中缺失
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 118 可复制演示链接 没有 描述一下那个虫子 你好， 我按照这里文档的指示为GrapesJS做了主题：https://grapesjs.com/docs/getting-star...
问题 #5144
PanelManager.addPanel 的类型定义错误
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 全部 可复制演示链接 没有 描述一下那个虫子 函数定义如下：https://github.com/GrapesJS/grapesjs/blob/v0.21.1/src/panels/index.t...
问题 #3316
编辑器不会移除死稿块
版本： 0.16.34 你能重现演示中的bug吗？ [ ] 是的 [x ] 不 据我了解，导入代码对话框跳过了所有HTML脚本，所以我无法在演示中重现这个问题 预期的行为是什么？ 编辑者必须先移除失效脚本块，才能在生成的HTML末尾添加新的脚本块 详细描述那个漏洞* 我在项目中...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。