GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

1,399 issues found

πŸ” outdated
#1120May 17, 2018by Deepak8132 answers
0 reactions

Check empty element

Hi @artf, Hope you are doing fine, I want to check when section element is empty like i drag a empty section and then inside that i drag h1 or column element.After that how i check when user delete all the elements from the section element. Overall theory is how i check that the particular element is empty.

artf

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.

#1119May 17, 2018by ionic6661 answer
0 reactions

Upload image has a misstake

when i drag a image into a block,then this image can not be setted,and when i click it,there is nothing

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.

#1118May 17, 2018by cgatian3 answers
0 reactions

Generate dynamic identifier in Block

Im looking to create a block that when dropped will generate two components and these components would share some unique identifier between each other. If I dropped a second block to the canvas a second identifier would be used. I believe you could do this by creating your own component, but then you loose the ability...

artf

You can make use of this event

cgatian

@artf Thank you for the reply! OK I was second guessing this approach, good to get some feedback on this. Just to follow up I dont believe there's a way to detect which block was actually dropped during the event, correct?

artf

Just to follow up I dont believe there's a way to detect which block was actually dropped during the event, correct? The component it's just the first one of your list, if you wrap your 2 elements inside another div that one will be the dr...

#1117May 16, 2018by UmairAfzalUAT3 answers
2 reactions

External Elements can drag and drop in canvas?

Hi Artf Actually there is no issue. we are using grapesjs in a different way. We are not using header and sidebars of grapesjs we are performing its functionalities buy our own triggers like undo redo preview etc. Is there any way i can add my own component panel having headings, images, Gallery, Videos, Vectors, Shap...

UmairAfzalUAT

I am working on relative and absolute both will let you know when done.

artf

Hi Umar, GrapesJS supports native HTML5 Drag&Drop, therefore you are able to drop ANY kind of draggable resources (not only from the browser) You can also extend it's capabilities by using canvas:* events, like canvas:dragdata which allows...

UmairAfzalUAT

Hi Artf, Thanks for help i got that and using drag and drop in the same way. you have done the great job (Y). BTW what about designer mode is that available?

#1116May 15, 2018by perfect-coders3 answers
0 reactions

Property gradient is not working

Hi @artf. I have used the GrapesJS Style Gradient plugin and do the same as it is suggested. But it is not making the gradient in the settings. I am giving like that { name: 'Gradient', property: 'background-image', type: 'gradient', defaults: 'none' } Also When I added the "artf/grapesjs-style-gradient" plugin throug...

artf

Plugin gjs-style-gradient not found Are you sure you've imported it correctly?

perfect-coders

This is how the gradient property is coming. And this is how I am doing / Page Settings / { name : 'Page Settings', open : true, buildProps : ['background-color','background','background-repeat','background-size','background-position', 'ba...

artf

Your fiddle doesn't work (you didn't setup it correctly), btw this is the demo, it uses the latest version and it works as expected

#1115May 15, 2018by Lethrir2 answers
1 reactions

Core:canvas-clear removes CSS Composer Styles

I am using the core:canvas-clear command assigned to a button but when this is pressed, the styles setup through the CSS Composer are also being removed. Grape Version: 0.14.15 Browser: Chrome 66.0.3359.139 (Official Build) (64-bit) I have setup a script to recreate this at https://jsfiddle.net/pzacf7zg/ Reproduction...

artf

Hi @Lethrir as you can see this is the command and the behavour is totally intended. This also shows you how ridiculously the command is, so you can create your own via Commands API I'd also suggest to create blocks with their own styles,...

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.

#1114May 15, 2018by Lethrir2 answers
0 reactions

Custom HTML output not firing on reload

I am using the toHtml and isComponent properties for a custom component to allow for custom HTML output. This appears to be working when the element is first dropped on the canvas but when the page is refreshed the element is present but does not return the custom HTML. Grape Version: 0.14.15 Browser: Chrome 66.0.3359...

artf

You should put your custom components in a plugin and it will work

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.

#1113May 14, 2018by trinhbalinh3 answers
1 reactions

New trait type is not working with rendered components?

Hello, thanks for the great framework. I'm trying to apply this to my project. I want to add a new trait for existing LINK '<a>' component. I follow these documents and almost got what I expected: https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type and: https://github.com/artf/grapesjs/wiki/Components#u...

artf

Just include your changes in a plugin https://jsfiddle.net/on1g5xqb/

trinhbalinh

Thank you, it worked!

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.

#1112May 14, 2018by IceCrystal0k2 answers
0 reactions

How to add a new event to asset images

Hello, is there a way to add a new event to the AssetImageView, something like 'onRemove'. I overwritten the addAsset function from asset manager ->AssetsView to display a new icon and add a new event, but the new event doesn't trigger. I read other issues and i seen that i could overwrite open-assets, but don't reall...

artf

Use Assets API

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.

#1111May 14, 2018by Deepak8132 answers
0 reactions

How to add parent class when drag element

Hi @artf, Hope you are doing fine. Please let us know how we can add the parent class of div when new element is dragged inside that div like i want to add "empty_cell" class when h1 element is dragged inside the column element:

artf

Please check here to get all available methods on Components

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.

Browse all topics