GrapesJS Issues

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

3,464 issues found

#3396Apr 9, 2021by YumiChen1 answer
0 reactions

Flex-direction: column & float: left make sorter direction incorrect

Version:0.16.45 Are you able to reproduce the bug from the demo?[x] Yes[ ] No What is the expected behavior? Given a parent element with display: flex and flex-direction: column styles, with the child elements having float: left styles, the sorter should be horizontal, for in the result the elements are aligned vertic...

GJSBlock

Thanks for reporting this, @YumiChen. The issue with flex-direction: column & float: left make sorter direction incorrect appears to be a race condition or state management timing problem. This typically happens when component lifecycle ev...

#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()...

#3392Apr 7, 2021by rywilson283 answers
0 reactions

Allow dynamic droppable configuration using a function

I have a requirement where I cannot use selectors to determine if an element is droppable. For example: The "child" component must be within a "parent" component, however if the child component contains a ref attribute it can only be dragged into other parent containers that match the same ref value as the current par...

rywilson28

Associated PR: https://github.com/artf/grapesjs/pull/3393

rywilson28

@artf do have any questions regarding this feature or the approach taken in the PR?

GJSBlock

Thanks for reporting this, @rywilson28. Great suggestion about FEAT: Allow dynamic droppable configuration using a function! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using t...

#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.

#3386Apr 3, 2021by maivanchuong1 answer
0 reactions

GrapesJS not change config AssetManager

hi, i'm not change config AssetManager example: modalTitle, addBtnText, uploadText,... hope you help me

GJSBlock

Thanks for reporting this, @maivanchuong. Thanks for sharing your report about GrapesJS not change config AssetManager. To help the team investigate and prioritize this: Please provide: A minimal reproducible example (CodeSandbox/JSFiddle)...

#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...

Browse all topics