如何设置全屏命令
@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”,再调用“runCommand”: 对我来说似乎很有效。
阅读下方完整回答 ↓问题
你好,很遗憾我找不到文档,也无法通过代码理解: 我知道内置命令“全屏”,但按照我的配置(教程里),它只加载画布全屏,没有面板。 这是我的HTML代码: 这是我的面板代码: 有人能帮我指正路吗?非常感谢你们宝贵的帮助和最诚挚的问候!
回答(3)
@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”,再调用“runCommand”:
editor.stopCommand('fullscreen');
editor.runCommand('fullscreen', { target: '#something' });
对我来说似乎很有效。
说得好,默认的[全屏](https://github.com/artf/grapesjs/blob/dev/src/commands/view/Fullscreen.js#L64)命令可以启用容器上的全屏(“#gjs”),但外部面板显然不行,这也是为什么你只看到画布。 我非常希望能获得一个新选项的永久居民资格,这样我就能做到类似这样的事情: “''js 来自 命令:“全屏”, 到 command: editor => editor.runCommand('fullscreen', { target: '.ogaeditor' }), 目标可以是选择字符串或任何 HTMLElement ```
你好@artf, 上面的代码之前是全屏,但手动退出全屏后就不行了。 你能用同一个按钮发送码,让全屏退出吗?
相关问答
通过相似的问题讨论继续研究。
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
问题 #2207
:如果在顶部/左侧有空位,Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height: 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充:25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
问题 #1703
如何允许类名或数据属性中的特殊字符?
在我的HTML代码中,我在元素的类名或数据属性中定义了一些变量占位符。例如,考虑以下代码块, '''html <div class=“list-container” data-page-id=“{{page.id}}”> <ul class=“{{list.className}...
问题 #1178
想替换包装 div
你好,artf, 我想替换封装器 div,例如: 当我们创建新闻通讯模板时,包装 div 已经存在了。在导入模板中,如果 import html 中存在 wrapper div,那么需要用新的替换已有的 wrapper。 这可能吗?以下是我的代码 拖放后,无法编辑@artf
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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
浏览插件分类
直接跳转到市场上的插件分类页面。