GrapesJS Issues

3,464 parsed GitHub issues β€” 370 solved Β· 90 open. Search, filter and explore battle-tested answers.

877 issues found

πŸ” question
#3395Apr 9, 2021by Abhisheknanda13444632 answers
1 reactions

Observation -: Inconsistent Mobile view

Hi @artf Please have a look to the attached video. I've checked the mobile view and observed that mobile view is different as compared to editor-mobile view. Any thoughts on this? or It's supposed to be work like this way Screen Recording 2021-04-09 at 2.55.45 PM.zip

Abhisheknanda1344463

It's fixed. Closing the issue.

GJSBlock

Thanks for reporting this, @Abhisheknanda1344463. Great question about Observation -: Inconsistent Mobile view. The recommended approach with GrapesJS is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

#3394Apr 8, 2021by alext27933 answers
1 reactions

UndoManager add

how to add undo/redo event to UndoManager from custom rich text editor ckeditor?

Ju99ernaut

UndoManger usually tracks changes to component models, so if you can record the changes from the rte in the component in some way it could work. I'm not completely sure how this would work so I can't give a more in depth description. Anywa...

artf

Yeah, as already mentioned by @Ju99ernaut all major RTE editors implement their own undo manager. Indeed, when the RTE is enabled (built-in or a custom one) all shortcuts are disabled, in order not to mess with text editing (when you edit...

GJSBlock

Thanks for reporting this, @alext2793. Great question about UndoManager add. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on()...

#3390Apr 6, 2021by christosapos2 answers
0 reactions

Change checked trait of checkbox component with click inside component.

Is it possible to change 'checked' trait of checkbox component simple by clicking on component inside canvas?

artf

Yeah sure, the trait reads the value from the component model, so if you change the binded value, the trait should change

GJSBlock

Thanks for reporting this, @christosapos. Great question about Change checked trait of checkbox component with click inside component.. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS doc...

#3389Apr 6, 2021by xinnai4 answers
0 reactions

MultiSelect some elements and change styles only work on the last selected element

Hi, when I MultiSelect some elements using shift, and change style in styleManager. Only the last clicked element will update the style. Can you help how to fix that problem? https://user-images.githubusercontent.com/23135336/113699004-9d075200-9707-11eb-893c-9b3734e2d0b3.mov

Ju99ernaut

Not sure if there's an option for that, probably multiple component editing isn't implemented for the style manager. You could use classes as an alternative solution.

artf

It actually works in the demo, are you able to create a reproducible demo?

no-response[bot]

This issue has been automatically closed because there has been no response to our request for more information from the original author. With only the information that is currently in the issue, we don't have enough information to take ac...

#3388Apr 5, 2021by ahmedderkaoui2 answers
1 reactions

Adding indication as a Trait without any input.

I want to add an indication for a trait. For my component, I have the traits: and for the type 'dateformat-indication', I created the type: However, I get an input within this type that I created even if it wasn't on its template: Is there a way to disable default input of the trait?

ahmedderkaoui

Using the method below works fine:

GJSBlock

Thanks for reporting this, @ahmedderkaoui. Great question about FEAT: adding indication as a Trait without any input.. The recommended approach with Components is to use the event-driven API. Start here: Check the GrapesJS documentation fo...

#3387Apr 5, 2021by assadnazar4 answers
0 reactions

Load through URL

Can we add an option to load through URL? e.g. we pass a URL to the init and there it initializes the page with editor?

Ju99ernaut

Pretty hard to come up with a universal solution due to CORS restrictions.

artf

Pretty hard to come up with a universal solution due to CORS restrictions. Correct, if your intention is to load HTML of some external site, you should have a server to fetch the content.

assadnazar

@Ju99ernaut, @artf I want to load same domains' pages to edit html for.

#3385Apr 3, 2021by pranay22102 answers
0 reactions

How to use grapesjs with nuxtjs ?

I'm trying to wrap up grapesjs with nuxtjs framework any solutions to this?

artf

I think it's just about creating a Vue component for GrapesJS and use it in some of your pages

GJSBlock

Thanks for reporting this, @pranay2210. Great question about How to use grapesjs with nuxtjs ?. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look...

#3383Apr 2, 2021by KieronWiltshire4 answers
0 reactions

Is it possible to include the style in the html?

I'm currently using grapesjs to build email templates, however when I import HTML with the <style> tag already inside, before this is stored it split's the HTML and CSS up. When this is stored in my backend database, there is no <style> or <link> tag in the HTML, instead it's stored separately. Is there a way to preve...

Ju99ernaut

Grapesjs doesn't support inlinecss, but you can use the same technique used here https://github.com/artf/grapesjs-preset-newsletter. It uses the juice package to merge the html and css

artf

Yeah, at the moment the inline CSS is parsed for the CssComposer and removed from the DOM. This allows the editor to edit its styles.

ronaldohoch

One question about it. How can ckeditor edit putting the span with inline styles and keep it after close and reopen the same template?

#3382Apr 2, 2021by Squirrel14892 answers
1 reactions

Not able to add more than 2 projects under free version

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, th...

Ju99ernaut

grapesjs and grapedrop are separate projects, you should try raising your issue here https://spectrum.chat/grapedrop

GJSBlock

Thanks for reporting this, @Squirrel1489. The issue with Not able to add more than 2 projects under free version appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and...

#3381Apr 2, 2021by pranay22103 answers
1 reactions

Switching between components gives maximum call stack size error

Hey artf, I would like to thank you for building such a powerful tool for building customized CMS. I'm implementing a new page feature in my project so I'm using your reference to switch between components but It gives me an error, Please can you guide me on how to build a new page on click add new button from the pan...

Ju99ernaut

I think arrays aren't the best method of storing page objects, so running array operations to get the page plus loading the page is probably too much for your call stack. You should consider loading the pages into memory only when you need...

artf

I'm not sure what is happening on your side but I'd suggest keeping an eye on #3206 as the built-in page manager is almost ready (I'll update that issue)

GJSBlock

Thanks for reporting this, @pranay2210. Great suggestion about Switching between components gives maximum call stack size error! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Usi...

Browse all topics