问题 #1526✓ 已解决提出于 2018年10月18日作者 gasserol2 个反应

如何设置全屏命令

快速解答作者 electrotype2

@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”,再调用“runCommand”: 对我来说似乎很有效。

阅读下方完整回答 ↓

问题

你好,很遗憾我找不到文档,也无法通过代码理解: 我知道内置命令“全屏”,但按照我的配置(教程里),它只加载画布全屏,没有面板。 这是我的HTML代码: 这是我的面板代码: 有人能帮我指正路吗?非常感谢你们宝贵的帮助和最诚挚的问候!

回答(3)

👍 最有帮助electrotype2020年1月1日

@nativeer我也遇到过同样的问题。我的变通方法是先调用“stopCommand”,再调用“runCommand”:

editor.stopCommand('fullscreen');
editor.runCommand('fullscreen', { target: '#something' });

对我来说似乎很有效。

artf2018年10月19日

说得好,默认的[全屏](https://github.com/artf/grapesjs/blob/dev/src/commands/view/Fullscreen.js#L64)命令可以启用容器上的全屏(“#gjs”),但外部面板显然不行,这也是为什么你只看到画布。 我非常希望能获得一个新选项的永久居民资格,这样我就能做到类似这样的事情: “''js 来自 命令:“全屏”, 到 command: editor => editor.runCommand('fullscreen', { target: '.ogaeditor' }), 目标可以是选择字符串或任何 HTMLElement ```

gabjdev2019年5月4日

你好@artf, 上面的代码之前是全屏,但手动退出全屏后就不行了。 你能用同一个按钮发送码,让全屏退出吗?

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。