BUG:在预览模式下拖动组件会启用编辑器模式
下次版本会修复。目前,你可以自己修补,方式如下: “''js const preventDrag = (opts) = > opts.abort = 1; Editor.ON('run:core:preview', () => { editor.on('run:tlb-move:before', preventDrag); }); editor.on('stop:core:preview', () => { editor.off('run:tlb-move:before', preventDrag); }); ```
阅读下方完整回答 ↓问题
我们可以从[演示](https://grapesjs.com/demo.html)中重现这个漏洞。
当前行为: 
预期行为: 在预览模式下,我们不应该能拖动或移动组件。
回答(1)
下次版本会修复。目前,你可以自己修补,方式如下: “''js const preventDrag = (opts) = > opts.abort = 1; Editor.ON('run:core:preview', () => { editor.on('run:tlb-move:before', preventDrag); }); editor.on('stop:core:preview', () => { editor.off('run:tlb-move:before', preventDrag); });
相关问答
通过相似的问题讨论继续研究。
问题 #4607
当带子元素移动时的 JS 错误
葡萄JS版本[x] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v104可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 如何复现这个漏洞?选择一个元素按住CTRL键,选择子元素尝试移动这些元素 预期的行为...
问题 #3267
无法设置0像素盒子的阴影模糊
不知为何,编辑器不允许将模糊设置为0像素。 0总是神奇地变成5px。 <img width=“243” alt=“截图 2021-02-11 17 14 05” src=“https://user-images.githubusercontent.com/668451/1076...
问题 #3447
JavaScript 因编码问题无法使用
1 - 我复制了打字文本组件代码,而不是演示HTML代码; 2 - 并增加了allowScripts:1; 你可以在这里看到示例:http://bashworld.ru/demo.html 点击 查看代码,我们会看到许多 JS 编码字符。 我该如何解决这个问题?我需要解码所有...
问题 #1936
绝对/设计模式
大家好, 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么,以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件,没有HTML固定的位置限制,更像Photoshop/Sketch等工具里的操作。这样移动组件会...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。