Button to switch designer mode
@micker you need a command for that which executes: `editor.setDragMode('absolute')`. for panels & buttons you can refer to getting started guide. Cheers!
Read full answer below ↓Question
hello its possible to add a button to switch of designer mode ? absolute / translate ? regards
Answers (3)
@micker you need a command for that which executes: editor.setDragMode('absolute'). for panels & buttons you can refer to getting started guide.
Cheers!
ok maybe a switcher mode can be in basic panel ?
hi thanks did you think it possible to mix twice mode for more ? are its too early ? because when i test i can put text inside a column for exemple ... it will be good to use absolute position in column and put yexy block inside it to move column like a group
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2632
Rezize block with drag and drop
Hello i trying the absolute mode ! its realy good but to be complet with this designer mode did you plan to add rezize module via drag and...
Issue #5003
slow absolute drag on Chrome
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 111 Reproducible demo link https://...
Issue #4506
Error on drag block with dragmode: absolute
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v103 Reproducible demo link https:/...
Issue #3115
component droped position is wrong when I changed canvas size under Absolute/Designer mode
WARNING I changed the canvas size and I drop a compent from blocks panel. The result is compent postion is wrong. By the way, the editor is...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.