GrapesJS Issues

3,464 parsed GitHub issues โ€” 370 solved ยท 90 open. Search, filter and explore battle-tested answers.

829 issues found

๐Ÿ” question
#2437December 2, 2019by umerrinayat2 answers
0 reactions

[QUESTION] Add more video provider

Thank you @artf I'm using grapesjs in my project and it really help us out to do amazing stuff. I'll share it with you once the whole project completed (quite big project). [Question] Is it possible to add more video providers in grapesjs? Currently I'm able to use these { value: 'so', name: 'HTML5 Source' }, { value:...

artf

Hi @umerrinayat you just need to extend the video component

Mirna-Nasrallah

I kinda have the same question now, did you figure out the right way to add a provider?

#2434November 29, 2019by pvbergen2 answers
1 reactions

[Question] Exclude html elements from model

This is a broad question, so I will provide the use case and some ideas instead of actual code.Basic description We are using grapesjs as part of a Drupal module (https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604) and we are facing an issue with having too many html elements within the grapes contain...

pvbergen

Huh, that would be surprisingly simple. Thanks! I'll test it out in the next few days and see how we can integrate it with our workflow.

artf

Do you mean something like this? This will add an HTML without being actually related to GrapesJS Components

#2432November 28, 2019by digitalgym1 answer
0 reactions

Lock Trait Values

QUESTION: Is it possible to lock a trait value so that it cannot be updated in the editor for select components?

artf

Not really, probably the best solution here would be a simple pointer-events: none with CSS

#2426November 25, 2019by Hovius2 answers
3 reactions

[Question] How to handle old components (json) with new editor configuration?

Hello @artf , I have a question about the grapes editor that I can not find in the documentation, so I hope you have an answer. Basic setup: The configuration of all components is set with the init this.editor = grapesjs.init(defaultConfiguration); The components from an earlier saved json are added with setComponents...

artf

Can the editor pick up on the new component config without having to add a new component to the canvas manually? Not really, if you store the component definition in one way, the editor will load that definition. One only thing I can sugge...

Hovius

Thanks for your response! I'm going to use avoidDefaults: true and make it work :)

#2425November 25, 2019by Ramkumar-Murugesan1 answer
1 reactions

[Questions]custom traits is not saving in Remote storage manager

I added more traits from the default input traits. but that traits are not saving in the grapesjs JSON metadata. the above is my storage configuration in grapesjs init function. the above image shows that I have custom traits called entity and its field after I saved and come back that those traits are not shown even...

artf

I added more traits from the default input traits. but that traits are not saving in the grapesjs JSON metadata Traits shouldn't be stored, are not extensions of your Components but just a way to update your Components' props/attributes. T...

#2424November 25, 2019by logeshkrishna03 answers
1 reactions

Form new <P> tag by closing the existing <p> tag while enter is clicked

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

logeshkrishna0

@artf that is not the excepted solution

logeshkrishna0

As normal behaviour while we use ENTER key it use form div tag inside the p tag which is normal one. The above image shows that...... But!!!! here is want to get P tag instead of div tag and also the present p tag should be closed.. The ex...

logeshkrishna0

@artf could you please help me out with this

#2405November 13, 2019by fmr4113 answers
0 reactions

[QUESTIONS] ckeditor is not initialized when replace trait text

why when i change the ckeditor trait text it is not initialized my trait <pre> domComps.addType('text',{ model: dModel.extend({ defaults: Object.assign({}, dModel.prototype.defaults, { traits: [ {label:"Font Size", type:"text_fontsize"} ], }), }, { isComponent: function(el) { if (el.getAttribute && "text" == el.getAtt...

artf

As you're still using the old API definition (which is quite an error-prone) I recommend reading first the documentation about Component then probably you'll find the issue

fmr411

or is there another way to add trait (for text) so that ckeditor can work

artf

In the documentation you can see how to extend other components

#2404November 13, 2019by scott-coates3 answers
3 reactions

Question: how to observe children changes in component

Is there an easy way to subscribe/listen to changes in the components/children of my custom component type? Perhaps an event I can subscribe to? Something like change:content? I want to add traits to children of my container component. If the children leave the container, the traits should disappear. I can think of 1...

pouyamiralayi

Is there an easy way to subscribe/listen to changes in the components/children of my custom component type? @scottccoates you can subscribe this way: cheers!

scott-coates

@pouyamiralayi thanks. I need to watch for children leaving/entering my component. I'm not sure what you supplied will help or am I missing something?

pouyamiralayi

@scottccoates this might help: cheers!

#2395November 10, 2019by JpTiger2 answers
3 reactions

[Question] Dumb question: what's the simplest way to build a simple website with this?

This is a really dumb question, but I'm not finding the answer anywhere obvious: I'm a beginner with a free JS codecademy course under my belt and a lot of time spent making/maintaining sites on WordPress. I want to make a new website or three using open-source tools that'll be more user-friendly for myself and end us...

artf

I know OctoberCMS has this plugin and I've seen others but can't recall their names ๐Ÿ˜“

pouyamiralayi

@JpTiger there are tools out there based on grapesjs that can help you design your page very quickly: gramateria. the rest can be achieved using popular open source and easy to use cms's like pagekit and directus. i personally prefer strap...

#2393November 8, 2019by troncoso3 answers
2 reactions

[Question] Determine why 'block:drag' event won't fire

My company uses GWT (Google Web Toolkit) to develop some web applications. We have a stand alone GWT component library for our re-usable components. I created a component that wraps grapesjs and it works great. However, when I import this library into an actual project and add the grapes editor to a screen, everything...

troncoso

Thank you for that information. However, in my case this was not working due to this in the index.html: Removing these attributes resolved my issue.

pouyamiralayi

@Troncoso can you provide a fiddle to reproduce this?

troncoso

Well, no, not likely. Not only is GWT a Java framework, but I have grapesjs working in one GWT project but not another. I imagine this will likely get closed, but I was hoping that posting it as a question might net me some suggestions. Th...