Why dashed lines do not show around components?
To show the dashed lines you need to run in on editor load event editor.runCommand('sw-visibility');
Read full answer below ↓Question
After long time I am trying again with GrapesJS. I am following the Getting Started page and I am stuck to this step https://github.com/artf/grapesjs/wiki#components In fact, I am trying to "highlight" the components with a dashed line, pressing the "eye" button, as explained in the tutorial, but it does not work. GrapesJS version is 0.14.17. I am using Mac OS X. I tested on both Safari and Chrome. The Web Demo works correctly. Actually, when I press the "eye" button it changes the CSS of the components (as you can see in the attached image) but the modification is not visible in the canvas....
Answers (3)
To show the dashed lines you need to run in on editor load event editor.runCommand('sw-visibility');
Thanks.
Maybe I don't remember well but I am almost sure that it is not explained in the documentation tutorial.
I think it's just because you need to indicate the height for your document
html,
body {
height: 100%;
}
Related Questions and Answers
Continue research with similar issue discussions.
Issue #827
[QUESTION] Change location of command panel
Amazing library, thank you!! I have two questions I'm hoping you can help with.How can I move the command panel from the top to the left as...
Issue #792
Script property using function don't work with blocks
In Components & JS docs there's this example: This works perfectly. But I couldn't use a function instead of a string in script, as is said...
Issue #1718
QUESTION The name entered in the Traits for checkbox label is not getting updated to my html custom components.
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grape...
Issue #525
local2 example for storage not working
Using code provided in docs. https://github.com/artf/grapesjs/wiki/API-Storage-Manager in "add" examples. I am trying to create my own stor...
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.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.