GrapesJS Issues

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

3464 issues found

#680December 25, 2017by z1lk3 answers
2 reactions

DOM/Component buginess when editing Classes/Settings

Encountered this while developing a plugin. I've reproduced it in the official demo via Browserstack on a different OS and browser, so I'm pretty confident there's a bug here. Exact steps to reproduce:Load the demo, clear the canvas (trash icon), and refresh page to get a fresh demo pageSelect the "Build your template...

artf

Thanks @z1lk I confirm you about the issue in the demo, but the bug behind this was already fixed thanks to #661 The patch will be available in the next release

artf

Should be fixed now https://github.com/artf/grapesjs/releases/tag/v0.12.58

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.

#679December 23, 2017by z1lk2 answers
0 reactions

Categorize Traits similar to Blocks

I'm building the Bootstrap plugin and have a growing list of utility settings for basically every component. Add component-specific and ARIA settings on top of that, and the Settings panel becomes pretty cramped. Can we have the ability to categorize settings into "collapses" like with Blocks? I'd be willing to contri...

artf

Thanks @z1lk for the suggestion, it definitely makes sense but I'm not sure about copying stuff, I'd like to avoid repeating code, probably it would make sense create an abstract view which does the same thing and which we can use in other...

artf

Closing this in favor of https://github.com/GrapesJS/grapesjs/issues/1806

#678December 23, 2017by suchithmahadi3 answers
0 reactions

Help Wanted

Hello, 2 queries : 1) How to Add a LOGO as in Demo webpage. 2) How to move the block manager, Style Manager from Right Side to Left Side. Thanks.

artf

@suchithmahadi GrapesJS just comes with a default UI that you can easily change with JS and CSS

suchithmahadi

@artf Thanks for the reply, At least if you can suggest where exactly to change will be helpful. Thanks.

JulyanoF

@suchithmahadi something like $('.fa-th-large').remove(); You can put it after grapesjs init

#677December 23, 2017by mingodad2 answers
0 reactions

Escape html

Hello ! I noticed several faults in escaping html through grapesjs some of it can be fixed by this pull request https://github.com/artf/grapesjs/pull/676 , but I still having problems with the html inserted on start. In the example bellow the first <pre> is not rendered properly and I need to double escape it li...

artf

As already mentioned here we have to create a new Component for <pre> as escaping everything it's not an option

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.

#674December 22, 2017by nestor91sanchez2 answers
1 reactions

custom component don't save

my custom component don't save in wrapper editor, when refresh the page the editor load all components less my component. the web inspector show a empty div. <img width="531" alt="screen shot 2017-12-22 at 3 14 08 pm" src="https://user-images.githubusercontent.com/2053807/34309887-d8a7a5e8-e72a-11e7-823e-5aeea5197866....

afotey

If you're referring to having your generated content save and persist upon refresh, try this: var editor = grapesjs.init({ container : '#gjs', storageManager: { // type: 'none' id: 'gjs-', // Prefix identifier that will be used inside stor...

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.

#673December 22, 2017by crazyxhz3 answers
1 reactions

how to render block manager outside container?

I'm new to this great library and it seems very neat and clean BUT here is the problem that I have. I'm having gjs rendered in the middle, and I want to render block manager and other panel and button into third party ui component. How can I do that?

lorrandavid

@crazyxhz after the new release v0.14.5 it's now possible to render block manager outside of the main editor. You can achieve the desired result like this: I don't know if it's docummented but you can find more about it on @artf explanatio...

artf

Hi @crazyxhz currently it's not possible to achieve via configuration but it's something I'd like to improve. Currently, as a workaround, you can move panels via js once are rendered, for the block manager you have to activate it first

artf

Thanks @lorrandavid for pointing this out, this issue can be closed now

#672December 22, 2017by mingodad3 answers
2 reactions

Missing option to erase style options

Hello ! In several style options there is no way to erase/reset several options like:font-family : if we select a font to experiment and decided that we do not want any custom there is no way to reset it.dimensions-width: if we experiment with some value and do not want any custom value we can erase the value but we s...

artf

Hi @mingodad there is actually an option which enables the possibility to clear values but it's still a work in progress (have to deal better with composite types)

artf

@benvmatheson

afotey

A SCSS style tutorial would be nice

#670December 22, 2017by tlatforlz2 answers
0 reactions

How set Image in Component

Hi @artf , I get a component image, by getComponent API. How I can set a Image in Asset in this component ? I search more in document but I can't found. Thanks for great framework.

artf

Hi @tlatforlz you have to update the src of the component

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.

#669December 22, 2017by TWCM2 answers
0 reactions

Any approach to use class to control the data-gjs-{property} ?

Hi @artf, any approach to use class to control the data-gjs-property? Such as i added a class "non-copyable" to element, then the component will auto change the copyable property to false, let the user cannot copy the element in the editor.

artf

You can make use of Events

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.

#668December 22, 2017by TWCM2 answers
0 reactions

When element not available to select, suggest hover and click event will select the available parent.

Hi @artf, can i have a enhancement for select command, when the cursor click or hover the element which is not selectable, then the selection jump to available element. Since the element not available to select, and nothing can do in the element, so i suggest hover and select jump to available parent.

TWCM

Hi @artf , I am trying to help for this enhancement. But i am not sure am i correct, please help to verify.

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.