缩小画布
@artf和@shlomoko，我会一点点解释这个步骤。首先，我需要用Jquery，但你也可以用其他库，或者在GrapesJS引擎里集成。我当时想让它对引擎透明。 1）我在主索引HTML中，除了iframe外，有两个隐藏的div元素，而grapesJS在运行时生成：第一个称为“设备分辨率”的部分显示与该屏幕尺寸兼容的设备分辨率。第二区包含： ——排水沟 ——当排水沟被压时，左右两侧的垂直杆包裹车身 以下代码是所使用的样式表： 2）当用户点击设备屏幕图标时，我显示的是处理程序以调整画布大小。 --- 为此，我创建了一个叫“initDeviceEventHandle”的方法，负责初始化排水沟处理程序，还有另一个叫“showDevice...
阅读下方完整回答 ↓问题
有没有办法动态调整画布大小？比如不使用设备管理器，而是像面板或组件那样拖拽宽度？
谢谢
回答（3）
@artf和@shlomoko，我会一点点解释这个步骤。首先，我需要用Jquery，但你也可以用其他库，或者在GrapesJS引擎里集成。我当时想让它对引擎透明。 1）我在主索引HTML中，除了iframe外，有两个隐藏的div元素，而grapesJS在运行时生成：第一个称为“设备分辨率”的部分显示与该屏幕尺寸兼容的设备分辨率。第二区包含： ——排水沟 ——当排水沟被压时，左右两侧的垂直杆包裹车身 以下代码是所使用的样式表： 2）当用户点击设备屏幕图标时，我显示的是处理程序以调整画布大小。 --- 为此，我创建了一个叫“initDeviceEventHandle”的方法，负责初始化排水沟处理...
不@shlomoko，画布不能调整尺寸，但我很乐意看到PR的说明（可能用和分镜一样的逻辑）
你好@artf，我刚刚实现了一个调整画布条大小，但我不知道有没有办法刷新高亮边框的位置。请看视频：http://recordit.co/jKlppYg2dD GJS 徽章 GJS-工具栏 此致敬礼。
相关问答
通过相似的问题讨论继续研究。
问题 #1791
目的地名称
@artf，有没有办法显示目标元素的名称？ ![grapejs_drop]（https://user-images.githubusercontent.com/1106745/52704047-ba1bbc80-2fa5-11e9-831b-5a09a35d304c.jpg）
问题 #1936
绝对/设计模式
大家好， 本期概述了它是什么、已完成的、该做什么以及完成设计师模式功能的好事。序言 那么我们先来描述一下它是什么，以及这个功能的目标是什么。设计者模式应该允许用户在画布上自由拖动组件，没有HTML固定的位置限制，更像Photoshop/Sketch等工具里的操作。这样移动组件会...
问题 #1577
内联CSS注释导致代码管理器失效
显然，这段HTML和CSS是有效的： '<div style=“color： red; / height 200px; /; font-weight： blan;”>' （因此才有注释的height属性） Grapesjs 在处理此类属性时遇到困难，因为模型上的 style 属...
问题 #2972
成就：禁用画布上的脚本
你好，首先感谢你提供这么棒的工具。 在我的项目中，我遇到了一个需要在编辑器里禁用脚本的问题。我发现这个问题有两个类似的问题——https://github.com/artf/grapesjs/issues/2046 https://github.com/artf/grapesj...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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
浏览插件分类
直接跳转到市场上的插件分类页面。