Gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes
Question
Hi, Thank you for your work. I get a problem. I want to make a codepen-like view and want to make the grapesjs view to be dragable up and down. But when I drag it the tools go to the wrong position and also the hover highlight elements's position is wrong.I tried splitjs and other split open source code and always got this problem. Cound you help me please? Thank you so much!!!
Answers (3)
You can try running editor.refresh()
@Ju99ernaut Thank you very much, you save my day!
Thanks for reporting this, @xinnai. Great question about gjs-cv-tools in a wrong position when I put grapesjs in a splitpanes. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on() event listene...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3315
Mm or cm Units are converted to px
I realized that mm or cm units are converted to px. How can i solve this problem? Thank you
Issue #3367
Modal template
Is there a way for me to modify the template from a compiled state? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0b...
Issue #3395
Observation -: Inconsistent Mobile view
Hi @artf Please have a look to the attached video. I've checked the mobile view and observed that mobile view is different as compared to e...
Issue #3249
QUESTION regarding JSON stored by the StorageManager
Hey, @artf. I want to access the json that is generated when a template is stored without actually storing the template. The json object ca...
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
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
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
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins β TinyMCE Inline Text Editor and Placeholder.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.