3,464 parsed GitHub issues β 370 solved Β· 90 open. Search, filter and explore battle-tested answers.
3,464 issues found
hi, thanks for your great project. I have a problem confused recently. I want to import some react components to my projects,I changed this Jsx to html through renderToStaticMarkup method,and get the result <button type="button" class="ant-btn ant-btn-primary"><span>test</span></button> and I also import this class by...
artf
WARNING READ and FOLLOW next 5 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdUse the GitHub Issues EXCLUSIVELY for BUGS, FEATURE REQUESTS or QUESTIONS. Prefix the title of the issue with its context, eg. [Bug]: ....Do a quick...
Do grapeJS provide support moving component within a block.If yes, please redirect to some material? Moreover I want to restrict the component from moving outside the block? Is it possible to do so? I see GrapeJS do provide drag and drop feature. Can you point me where I can start that too?
artf
Start by checking all the properties available on Component instance, especially (for your case) draggable and droppable
The background-image url is getting wrapper around by linear-gradient() function like so Even though I assigned gradient to 'background' property instead of 'background-image' I can't reproduce the bug in the demo of either grapesjs or the plugin because in neither of them have the two features (background image and g...
artf
Can someone check if the latest release fixes the issue, please?
alikabeer32
UPDATE: I know it's a very hacky fix but what I did is replace every 'backgroundImage' with just 'background' in the grapesjs-style-gradient.min.js file of the plugin. And now it works like I need it to. Perhaps someone could provide a bet...
robsonsobral
Wow! I'm not the only one going crazy! @artf , do you have any suggestion? Where should a pull request be submited?
I would like to code the entire background layers property but this time using 'background' instead of background-image so it doesn't mess up the gradient but unfortunately can't bring background-position, background-size, etc to work. but the result is something like this -> background: url(../assets/347f05a7ef54b276...
artf
@alikabeer32 if the background property doesn't work probably the order of inner properties is wrong. Check the syntax here: https://developer.mozilla.org/en-US/docs/Web/CSS/background#Syntax
alikabeer32
@artf It did work. Now I corrected the order -> background: url(../assets/05efe94654acb49683023f16e5cefce7) left center / cover no-repeat fixed; But when I deselect and select the component again, those values ( left center / cover no-repe...
alikabeer32
Hi @artf I have created a very basic custom component named 'customsection' which uses traits to change the component's background-color by adding a class. Pretty straightforward. I have created two blocks:Section - includes only the component.Section collection - includes a collection of DOM elements and the componen...
artf
Try to put your custom component definitions in a plugin and see if it works
alialrabi
@selcukcura are it is working when putting it in plugin ?
selcukcura
Much appreciated @artf, placing my custom component in a plugin solved both issues! Out of curiousity, are there any particular reasons why it now works as a plugin and not otherwise ? @alialrabi Yes, I managed to get it working. Try using...
I want to group options into groups like the optgroup tag in HTML. I need some help? Thanks!
artf
Create a custom trait
how do I make a trait like a video trait, I have a provider type, the other trait type depends on the provider I choose, can it be demonstrated? Thank you very much.
giorgiosjames
The video component is a great demonstration in and of itself. Can be found at grapesjs repo root > src > dom_components > model > ComponentVideo.js. Here's some example code with the bare minimum necessary code: You can test this out by a...
fmr411
Okkay,Thank you very much, I understand
http://feather.aviary.com/imaging/v3/editor.js net::ERRNAMENOTRESOLVED after npm start and then got this error: http://feather.aviary.com/imaging/v3/editor.js net::ERRNAMENOTRESOLVED i can open this file. can i remove it from project?
artf
yes
Really very difficult to understand how to use this excellent tool !! Documentation does not seem sufficient :'(
artf
Elaborate, please! What would you like to do with GrapesJS and what is missing in documentation?
no-response[bot]
This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...