GrapesJS Issues

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

3464 issues found

#2088June 19, 2019by revathitarento2 answers
1 reactions

[QUESTIONS] Can I build quiz and polling questions in grapeJS

I really like the features of grapeJS, it would be very helpful to know if I will be able to extend it with creating questions and answers, polling, Multiple choice questions and answers, Please guide me how to start with. It would be a great help

afdallah

I suggest you start with this https://github.com/artf/grapesjs-preset-webpage. And start building components from there

verdverm

So one significant factor is the requirement for third party scripts, is this the case in your situation?

#2087June 18, 2019by verdverm1 answer
0 reactions

General Questions should be asked else where

@artf I'm wondering if you would be interested in creating an alternative forum for question usage. Most of the issues seem to be question that would be better answered in a chat or forum, or by reading the docs... My issue is that it pollutes the issues section of the repository, when most are support or new user que...

artf

Thanks for the suggestion @verdverm IDK to be honest, we have already the Discord Chat but it's more community driven and I'm not so active there. IMHO I prefer using only one channel for the communication of questions/issues about the fra...

#2086June 18, 2019by megarg1 answer
0 reactions

[Question] Defining CSS in style manager

Can we define CSS in editor style manager. Primarily:What is "state" and "class" in editor style managerIf I define a custom class to a element. How to define CSS for that class. What is I want to assign the same class to another element so there should be a mechanism to define CSS at class level and not at element le...

artf

It works already like this, if you select a component with a class you will edit the CSS style assigned to that class and you can add it to other components to see the same style

#2085June 18, 2019by megarg1 answer
0 reactions

[QUESTION] how a modal/floating window comes on top of existing page on hover event

My Goal is to be able to create a page like (just an example). Want to create using editor and not code https://www.progressive.com/ I am not able to create the header row with grapesjs because of I cannot define how a modal/floating window comes on top of existing page on hover event regards -Ashish

artf

Start by reading how to implement custom components

#2084June 17, 2019by gobanana661 answer
0 reactions

[QUESTION] Is it possible to save templates by name, then provide user list of templates like files?

I've got firestore storage set up for remote storage, and currently it correctly saves and loads from storage. However, I'd like the user to be able to name the template and have it save with that name. Then provide the user with a list of saved templates that they can load up as they choose. Is this possible to do?

artf

It's not something built-in in the editor but for sure you can implement it by yourself

#2083June 17, 2019by afdallah3 answers
2 reactions

[QUESTION] model.get('toolbar') always return null

Hi @artf I am trying to add a custom toolbar to my custom component without changing the default toolbar. So I expect it to be like [movable, copyable, removable, newToolbar]. I use this #266 as a reference. But strangely this.get('toolbar') always return null. Is this something normal? I got this instead

artf

The extendFn was added from https://github.com/artf/grapesjs/releases/tag/v0.14.61 in the demo you're using the 0.14.57

afdallah

I am so sorry, it's my mistake. Thanks for your guidance

artf

Yes, if you override the original initToolbar method the toolbar property is never created, so you have to call the parent one first. Try with this component creation helper

#2082June 17, 2019by ohmyvander1 answer
0 reactions

[Question]Is it possible to update existing pages when components are modified?

For example, a custom component is used by some existing published pages. When the component is modified, maybe the style is adjusted, or the content property of it is completely changed, I want to notice those pages to update, and when I preview those pages, they should be rendered with the latest component. Is it po...

artf

If the property you've changed was stored, obviously when you load the component back its properties are going on top of the component definition. So, the only solution would be to avoid storing those properties

#2081June 17, 2019by Amir28283 answers
0 reactions

Changing Traits Dynamically

Is it possible to change traits default selection?? For example when dragging a video, I wish that the default trait selection will be youtube instead of HTML5 source.

afdallah

If what you want is changing the default player to be youtube player, simply change the provider property under your block definition.

Amir2828

Thanks a lot, that did the trick!

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.

#2080June 17, 2019by Aamir37532 answers
0 reactions

Audio Tag is not selectable or editable

How to make audio component work properly (selectable,editable) like other components (image).

artf

Good question, the audio element is quite particular so it'd definitely require a custom component, probably following the ComponentVideo (and its custom view) For sure you could add it by yourself but I think it might be good handling it...

mohd7469

@artf can you give an easy snippet that shows a normal working demo of audio element cuz I tried to define custom component type for audio element but it does not seems to work and it is either not selectable or editable

#2079June 15, 2019by froderf3 answers
0 reactions

Make Css style to not be returned

How to prevent the CSS of a block/component to be not returned when we used editor.getCss(); it's like https://grapesjs.com/docs/api/component.html#tohtml but should be something like toCSS inside custom component

froderf

artf

The component has the getStyle method which returns an object like this { color: 'red'}. If the returning object is empty no rule will be created in the code, but the same is applied in the canvas, so you won't see your styles. What you ca...

froderf

@artf the solution "getStyle()" that you provided can only be applied to what if this component has a class of "isNewComponent" and has style of is possible for the editor to not include the above style (with a class) when we call editor.g...