GrapesJS Issues

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

3464 issues found

#2526January 24, 2020by treztreiz3 answers
0 reactions

Custom storage : autoload not triggered

version : grapes.min.js 0.15.10 Hi, I'm using a custom storage to load & store json data from/to a textarea. Using a custom storage seems to not support the autoload option. Instead, I have to manually trigger editor.load(), but it seems to update the editor so it messes with the noticeOnUnload option (which get trigg...

treztreiz

The autoload option actually works while adding the custom storage as a plugin.custom storage plugin : Editor :

collindutter

@treztreiz did you ever figure out how to do it without registering it as a plugin? I'm also running into this issue.

treztreiz

@collindutter It seems that you must make a plugin. I suppose that the autoload option is used while grapes is instantiated, and unfortunately the function editor.StorageManager.add actually needs that instance... This does not happen with...

#2525January 24, 2020by GayathriD20203 answers
2 reactions

undo/redo issue

Hi, I'm facing undo and redo issue, let's assume i have a text block like Insert text here i'm gonna change into Hello then click an undo button it shows a Insert text here again i'll click a redo button it comes like Insert text hereHello. Please give me any solution to overcome this.

pouyamiralayi

@GayathriD2020 grapesjs is using backbone-undo under the hood and here is the src for grapesjs undo manager Cheers!

GayathriD2020

Thanks for the reference, I will check with that and if i need any assist let you know. Have a great day

pouyamiralayi

@GayathriD2020 i can not reproduce this on the demo. are you on the latest version? Cheers!

#2523January 22, 2020by MatejGlasnak1 answer
0 reactions

[BUGS] Class selector set to active: false not working properly

Hi i set: editor.on('selector:add', selector => selector.set({ active: false, })); to NOT select class on element after click and editing css, it is working but after page refresh it is selecting element's classes again. Is there any way to fix it?

MatejGlasnak

I found solution. Selector:add is called only when new component is added, but selector settings for that component wont save. After page reload it wont be called to previously saved components so they will have default value (true). To fi...

#2522January 22, 2020by jcamejo3 answers
2 reactions

Warning on setting up wrapper's height to 100%

Hi @artf I hope everything's going well. This is more like a reminder or a warning message for an issue I've just had that it took me some time to figure out. if the wrapper's height (modified by the selector #wrapper by default) is set to height: 100%; instead of min-height: 100%, the editor's tool container will tak...

artf

Hi Juan, thank you for all the details, I'm going to merge soon a big canvas refactoring and will see if we can fix it (eg. attaching scroll callback to the wrapper)

artf

Thanks for the reminder @bgrand-ch I actually forgot about this issue 😬 Will be fixed in the next release.

jcamejo

Glad to hear it, i hope the refactoring helps to fix the issue.

#2521January 22, 2020by biowanNo answers
0 reactions

font size problem

Hi guys, I don't understand, I created a template with text objects font-size 14px, it looks like good on my laptop in desktop mode, pad mode and smartphone mode. But when I use my smartphone, some text objects aren't the same font size. All red arrows in the printscreen are set with 14px, some are bigger and some are...

#2520January 22, 2020by kickbk1 answer
0 reactions

Improved form Select component

@artf, could you please provide some pointers as to how I go about improving the form select component in grapesjs-plugin-forms so it looks someting like this: The idea is to provide a sleeker way to add select options and remove them like one would add dropshadow layers.

artf

You should create a new Custom Trait

#2519January 21, 2020by MatejGlasnak1 answer
0 reactions

[QUESTION]: Automatic deselect class on element select

Hi, when I click to element, it's class is automatically selected. How can I set classes to "non selected" and select only if needed. <img width="470" alt="Screenshot 2020-01-21 at 13 03 44" src="https://user-images.githubusercontent.com/51018512/72803479-7e29b680-3c4e-11ea-8def-baafc10507ae.png">

MatejGlasnak

I found solution: https://github.com/artf/grapesjs/issues/1979

#2518January 21, 2020by denish-kanabar3 answers
4 reactions

Webpage plugin: import & export code options in AngularJS application

Hello Team, I have bit different requirement for export and import code. Is it possible to get html and css in memory (i want to save it in DB ) instead of opening PopUp which gives an option to save zip file ? I am using webpage plugin in angular app Also is it possible to load page with pre-rendered or pre-supplied...

pouyamiralayi

@denish-kanabar you can do this way: Cheers!

pouyamiralayi

Hi @denish-kanabar Is it possible to get html and css in memory (i want to save it in DB ) please refer to the storage apiload page with pre-rendered or pre-supplied HTML cheers!

denish-kanabar

have checked that thread and from there only could import plugins but now issue is with calling API while adding command for editor to save in DB

#2517January 21, 2020by denish-kanabar1 answer
0 reactions

Screen flickers on mouse hover on container

Tried multiple plugin i.e. webpage, newsletter and basic block but all three cases it starts flickering as soon as I take move over container (div: gjs). Due to this, its not allowing to format text bold, italic, underline and all. Attached is code sample without npms studio-fabric-grapesjs-app.zip

artf

If you think there is a problem with GrapesJS please open an issue correctly (follow the BUG template): specify the version, browser, live demo, and all the details necessary to give your issue a context (it starts flickering means nothing)

#2516January 20, 2020by pradeeshattlee3 answers
7 reactions

Asset manager alert

Hi, thanks for the wonderful editor, I Tried to integrate the editor and everything is Fine. When the user selects an image from the asset manager there is no action if an alert is shown that image has been replaced or image selected successfully how can an alert be achieved is there any options for That. Couldn't fin...

pouyamiralayi

Hi @pradeeshattlee place the below code inside a plugin: for more on extending asset manager, check out this link cheers!

artf

I tried the bellow code the alert is shown on a single click but the image doesn't get replaced This happens because you overwrite the original method, to extend it correctly you should do this:

pradeeshattlee

Thanks @artf this works like a charm.