GrapesJS Issues

Search parsed GitHub issues, see highlighted answers, and open the original discussion when needed.

3464 issues found

#3233January 15, 2021by Abhisheknanda13444631 answer
0 reactions

Set Toolbar on every Component

Hi @artf Is there any standard way to add a new toolbar on every component I've tried this way When I run this code on the browser console it's working as expected but when I placed this code In the component file this is not working when we define a new trait for all the components it's working fine. For Toolbar it's...

artf

Follow the issue template (version, live demo, etc.)

#3232January 15, 2021by matiasmasciotta1 answer
0 reactions

DRAG AND DROP COMPONENTS:

Hi, I have the following issue: I need an event type editor.on ("sorter: drag: end") which is thrown in all these cases: (detect what element and where I'm dropping it) 1- let it hear when you drag and drop an element from the blockManager and drop it on the canvas. 2- let it hear when you drag an already componentize...

bgrand-ch

Hello, For future questions or technical issues, which aren't bugs, GitHub's Discussions tab is the place to be. Don't forget to close this issue if it is resolved or write a new detailed message in Discussions -> Q&A category (and close t...

#3231January 13, 2021by vatte213 answers
2 reactions

BUG: how to change gjs-ckeditor-format component

hi guys, we all know that gjs-ckeditor-plugin working with [data-gjs-type]="text" components. I wanna know , could we change this option? I want to make my own custom component with for example [data-gjs-type]="anyDiv" and have the same functionality like in [data-gjs-type]="text". maybe someone knows how to change th...

Abhisheknanda1344463

@vatte21 To make your component editable.You've to extend the text type in your component like this way

vatte21

@Abhisheknanda1344463 Thank you! Ill try

abulka

@Abhisheknanda1344463 your code fragment gives me an error Uncaught ReferenceError: type is not defined on the line where is type defined?

#3230January 13, 2021by alivex2 answers
0 reactions

BUG: Modal won't open after closing it dynamically

Hello; Thank you guys for the great tool, I just love the documentation, the easy to use/understand. I think I ran into an issue with the modal not opening again after closing it dynamically the first time. example:

artf

I can't reproduce it on the official demo, eg. But just checking your code I'd say it doesn't open because you're closing it immediately after (just after the open is triggered), am I missing something?!

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...

#3228January 12, 2021by Abhisheknanda1344463No answers
0 reactions

Component Value is not changing

Hi @artf I've added a new component here is the code on selecting the h1 and h2 tag it's changing the value in the HTML section as you can see in the video but the content is not updating according to the tag. could you please help me with this? Thanks https://user-images.githubusercontent.com/20657737/104281764-03e3e...

#3226January 11, 2021by chenjingling901 answer
0 reactions

FEAT: how to make 4 properties in one row,like padding,margin

How could I control the properties to be show in one row or two, like the demos? When I download the project grapesjs-preset-newsletter to local, also shows padding and margin in two rows which is puzzling. In fact,I would like to put them flexible with customized rows and columns. Or at least, 4 properties can be con...

artf

Just use the CSS

#3225January 9, 2021by Abhisheknanda13444631 answer
0 reactions

How to Update Style from checkbox Trait?

Hi @artf I am trying to update the style using the checkbox trait but it's not calling the function. Here is the code I really appreciate any insight that you can provide! Thanks

Abhisheknanda1344463

@artf Got it silly-Mistake move the init function in the model itself. Closing the issue

#3224January 8, 2021by marcepoblet2 answers
1 reactions

BUG: changesCount is not incremented, when changes are applied in any Text component

https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 The parameter "changesCount" is not incremented when you double click in any text component and write or changes are made inside of any text component. For button/images components, the parameter "changesCount" is inc...

artf

Thanks @marcepoblet the fix is ready for the next release

marcepoblet

Thanks @marcepoblet the fix is ready for the next release Thanks! @artf , do you have some estimation for the release date?

#3223January 7, 2021by ianef2 answers
2 reactions

FEAT: Create the canvas from a URL

I've been playing with GrapesJS and trying to integrate it into a Symfony 5 project. In particular I want to be able to edit templates in the editor based on Bootstrap 4 and other components like FontAwesome Pro and custom blocks based on these. I use Symfony's Webpack-Encore bundle to generate the scripts and style f...

ianef

That's a real shame. I didn't say anything about fetching from another site, what I wanted to do was keep it consistent with the rest of the project. Oh well, I'll keep looking elsewhere for an editor that integrates better with the curren...

artf

Hi Ian, if you need to load HTML content from a URL I can only suggest fetching it server-side and initialize the editor with that content (loading external resources in the browser would mostly hit the cross-origin issue), so, for how bro...

#3222January 7, 2021by bgrand-ch2 answers
0 reactions

How to refresh/re-render after new node added?

I manually add a new node into a rendered component. The visual result is OK, but impossible to save, because my style isn't with the auto-generated GrapesJS ID. To manually resolve this poblem, I double-click on the component to enter to it and I click outside in the canvas body. Then, the GrapesJS ID and data-gjs-ty...

bgrand-ch

Optimized TextEditor.vue file: But the problem persist:✔️ span node replaces the previous content of selection, with font-family and color styles.❌ span node isn't recognized by GrapesJS, because there isn't GrapesJS auto-generated styles...

bgrand-ch

ℹ️ Don't works directly with HTML, works only with JSON. Component = JSON node (html element + GrapesJS data) Sources:https://grapesjs.com/docs/modules/Components.htmlhttps://grapesjs.com/docs/api/component.html