GrapesJS Issues

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

3464 issues found

#655December 17, 2017by z1lk3 answers
3 reactions

Bootstrap blocks plugin

It was mentioned in the Roadmap (#74). Has anyone started on this? I could benefit a lot from such a plugin, so I'd be willing be contribute.

z1lk

Yeah, since it seems no one has started the project, I did: https://github.com/z1lk/grapesjs-blocks-bootstrap4. I'm not a super-experienced JS developer so any comments or help is welcome. Thanks for the sick plugin boilerplate @artf

artf

Has anyone started on this? From what I know noneI'd be willing be contribute It'd be awesome

artf

Well done @z1lk let me know when you've done, I'd be glad to put on README

#654December 16, 2017by mgifford3 answers
6 reactions

Needs Accessibility Review

The demo looks great, but points to the need of a serious accessibility review. There is an open issue in the Drupal community looking at this, and we are working on a good pattern. The start though is having elements be focus-able for keyboard only users.

artf

Thanks Mike for pointing this out, I definitely add this to the Roadmap (#74)

ankx06

@artf just wanted to check about the timeline to add this feature. I see that you have moved it to backlog, so what is the plan to support focus on each component via keyboard.

mgifford

Ya, sorry.. Been a while since I posted this link in 2017.. Had kinda forgotten what the focus of GrapeJS is. But ya, as I said 5 days ago, accessibility "isn't something you can just 'turn on'."

#653December 15, 2017by gerabu3 answers
2 reactions

defautl class on block

I'm trying to add a custom block and work fine, except that the styles attributes are set to a default class, for example i want those css attributes be set to the class i'm setting in the classes attribute ('header-banner') how can i do that?

juanj

To achieve this, you need to add the style separated from the block and set the classes to the block. Look for example how this is done in the basic blocks plugin: https://github.com/artf/grapesjs-blocks-basic/blob/master/src/index.js#L29

artf

You can also do this

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.

#651December 15, 2017by AH1N12 answers
0 reactions

disable/hide Style Manager

I want user to provide a component's id before they could edit it's styles. To do so i need to disable/ hide Style Manager for some component untill user goves it's i. How can i do it?

artf

Hi @AH1N1 you could set up this

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.

#650December 15, 2017by vishal50332 answers
1 reactions

Help Wanted : On Trait update

Hello, I have applied a href trait on image tag. Can you please tell me which event fires when href trait is changed for that. Thanks,

ryandeba

Hi @vishal5033, The component:update event should get triggered when a trait changes, but it's also going to fire when anything changes. You could check for the specific trait (href) by inspecting the changed property of the component obje...

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.

#649December 15, 2017by blackbirdzzz2 answers
0 reactions

How to get a clean css generated

Hi, Im looking to correct my css when i open my export editor i got some useless css you can see it in this picture : https://www.noelshack.com/2017-50-5-1513332047-screenshot-at-dec-15-11-00-34.png https://www.noelshack.com/2017-50-5-1513332047-screenshot-at-dec-15-11-00-03.png https://www.noelshack.com/2017-50-5-151...

artf

@blackbirdzzz we already discussed it here #307

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.

#648December 15, 2017by effectief2 answers
0 reactions

Panel may be moveable but prevent move, remove properties on the childs

Hi, How can I prevent move, remove properties on the childs? In this case (see code below) the user may move the parent (Template2), but all the childs may not move. I tried it with 'propagate', but these properties are applicable to the parent too. I need an option too aply properties specifically on childs. blockMan...

artf

Hi @effectief, create a wrapper for children with that propagate property

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.

#647December 15, 2017by HarshOB3 answers
0 reactions

Custom traits value is not set in Code

Hello, Here I used textbox trailt and whatever I write in input box I got the text in Code Viewer. As you can see progress= 80 But when I create Custom traits and select value from dropdown then I didn't get any value in my Code(HTML).

artf

@HarshOB show how you create the custom trait

HarshOB

Here is the code:

artf

@HarshOB try to see if the change actually triggers

#646December 15, 2017by tomichal2 answers
0 reactions

Images dropped onto image picker get uploaded twice

Set the asset manager with the dropzone option set to true (which is true by default), something like that: then drop an image onto the dropzone within the asset manager modal (from the 'gjs-blocks-basic' plugin), then the image gets uploaded to the backend twice. I think this is because the dropzone option turns on u...

artf

@tomichal correct, but dropzone was disabled by default in https://github.com/artf/grapesjs/releases/tag/v0.12.50 we've discussed that here #507

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.

#645December 14, 2017by luiz-brasil2 answers
1 reactions

Prefix .btn class from Buttons in editor with "gjs-"

.btn is commonly used in Bootstrap and in many themes or templates. The eye buttons of Layer manager, appear wrong because of .btn class name used, as we can see in this screenshot: <img width="387" alt="screen shot 2017-12-14 at 19 46 25" src="https://user-images.githubusercontent.com/1320235/34016036-8b91bc18-e107-1...

artf

Prefix added, will be available in the next release

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.