I probably missed it somewhere in the docs but could not find it. I'd like to a "form" block inside a "column" block on page load fromElement and also when clearing the canvas using editor.setComponent(). With mjml I would do editor.setComponents('<mjml><mj-body><mj-container>... but what's the equivalent with the web...
artf
The recognition of the component depends on this https://github.com/artf/grapesjs/wiki/Components#component-recognition So the "form", for example, is recognized just be the tagName so you don't need to do anything else, but the "column" i...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hi, I want to load an existing HTML Template into grapesjs and edit the page. Edit means:move sectionsadd/remove edit buttons, images etc. My template source will be https://html5up.net/ for example. How I can achieve this? Do I need to split my template into components? Many thanks for any answer help or suggestions....
artf
You can import it as it is but take care of this #1173
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hi @artf , I made separate styles for mobile view . i want to initialize color-picker "onclick()". i want exactly same color-picker that you are using in grapesjs editor. how can i initialize same color-picker?? thanks in advance @artf ??
artf
Internally, it's a modified version of https://github.com/bgrins/spectrum
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
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. Gra...
ssabrewolf
To show the dashed lines you need to run in on editor load event editor.runCommand('sw-visibility');
endersaka
Thanks. Maybe I don't remember well but I am almost sure that it is not explained in the documentation tutorial.
artf
I think it's just because you need to indicate the height for your document
Hello, it's either a bug or a question, i don't know yet. I defined a new component with - beside others - a number trait, as you can see on the code below. Unfortunately when adjusting the number over the arrows coming along with the trait automatically, it very often switches to 'undefined'. Am I missing something o...
artf
For such an issue I'd require a live demo because you might be using an old version. BTW I wasn't able to reproduce it, so it might also be fixed. In case it's not, please open another issue, with a link to a live demo and exact steps on h...
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Greetings, I did searches and could not particularly find a solution to my problem. Currently, I am trying to integrate my React App with GrapeJS. import React, { Component } from 'react'; import './GrapesSrc/grapes.min.js'; import GrapesIndex from 'grapejs'; class GrapesEditor extends Component { constructor(props){...
artf
@sakshigarg9 add grapesjs via npm, then in your code just use import grapesjs from 'grapesjs' It will work, without any need to update the webpack configuration
thanhpd56
@Silavin Have you succeed with integrating grape and react?
cjpollard
If you're using webpack to build your React app, you can include it as a plugin. It'll pull it from node_modules. `plugins: [ new webpack.ProvidePlugin({ grapesjs: "grapesjs" }) ],` This worked for me.
Hi! I'm trying to make all the user-set styles have the "!important" flag, in order to prevent some other previous existent classes to override it (eg bootstraps's text-muted). I think I almost have it working well. However, I'm having a problem while trying to re-open a previously exported design. I used this #1056 t...
artf
I've already made a fix for this, it will be available in the next release
mfloressosa
Great! I'll be waiting for this release to come out. Thanks!
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Hey @artf , I have a question around the Style Manager. Let's say we have multiple elements with row classes inside html, is there any possibility that on selection of a specific element the styles changed through the StyleManager are added on a programmatically created id/class instead of the existing class (in this...
artf
I think that the current implementation may be a little confusing from the perspective that the user expects that his action will reflect on the specific element he chose to style not every other element with the same style. Yeah, I agree...
FrciSmrci
@artf the proposed solution works great. Thank you! :)
lock[bot]
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.