如何更改设备样式、查看代码和全屏

快速解答作者 Ju99ernaut❤ 1

你只需要设置设备，或者在按钮点击事件中执行相应命令，比如， “''js btn.addEventListener（'click'， function（） { editor.setDevice（'桌面'）; }); ```

问题

目前我们有这个GrapesJs风格： ![图片]（https://user-images.githubusercontent.com/64096863/115547850-24fb6900-a27d-11eb-843f-2bb59fb5cbbc.png）

不过，我们想要的是GrapesJs的风格： ![图片]（https://user-images.githubusercontent.com/64096863/115547885-2f1d6780-a27d-11eb-84a5-f7f97e98eecc.png）

我的问题是：

1——我们怎么改变设备中的格式？我们希望用按钮而不是下拉菜单。 2- 是否可以将“查看代码”和“全屏”按钮移入页面内部？

回答（2）

Ju99ernaut• 2021年4月22日

你只需要设置设备，或者在按钮点击事件中执行相应命令，比如， “''js btn.addEventListener（'click'， function（） { editor.setDevice（'桌面'）; });

GJSBlock• 2026年5月17日

谢谢你举报，@marcepoblet。关于[问题]如何更改设备样式、查看代码和全屏的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c）...

在 GitHub 上查看完整讨论 →