GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link https://jsfiddle.net/1hza4t9n/ Describe the bug How to reproduce the bug?init grapescreate event handler for when a page is updated.Update the pageobserve the event handler not firing What is...
artf
Update the page How do you update the page? Worth nothing, page:* events are only triggered for page models, not the content of the page, eg.
stljeff1
any update, dragging a block, changing text color. changing text content. In the JS Fiddle, I drag a Text block, change content, and change color. I do not see an event triggering when i make these updates, so I am questioning my expectati...
artf
Ok so page:update event is not what you need as it doesn't trigger on content change (so I'm closing the issue as the event is working as expected). Can you explain what kind of custom Storage manager you're trying to build? The Storage ma...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Version 104.0.5112.101 (Official Build) (arm64)Video demo link https://d.pr/i/27EgH2Describe the bugWhen we resize an image with a class 'xyz', all the elements on the page with the same class also get resized because the ed...
DevMetwaly
https://grapesjs.com/docs/modules/Components.html#components-cssComponent-first styling By default, when you select a component in the canvas and apply styles on it, changes will be applied on its existent classes. This will result on chan...
FaisalShaikhHA
Thanks, @DevMetwaly it worked, my bad I missed this.
FaisalShaikhHA
Hi @artf, first of all, amazing framework, and thanks for making it open source. As described in the above comment I am facing this weird issue, please let me know if I am doing something wrong or a way to fix this thanks.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 103.0.5060.134 (Official Build) Built on Ubuntu , running on Ubuntu 18.04 (64-bit) Reproducible demo link https://alvarotrigo.com/blog/html-css-tabs/ Describe the bug Not switching/showing tab contents when testing...
mingodad
After looking around I found this closed issue https://github.com/artf/grapesjs/issues/2873 and based on it I did this to allow checkbox/radio in preview mode: And now at least the checkbox/radio works in preview and some demos work in pre...
artf
Thanks @mingodad I released a new version of the form plugin and added support for the preview.
GJSBlock
Thanks for reporting this, @mingodad. The issue with almost all examples from this page fail with grapejs appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and DOM mod...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https://grapesjs.com/demo-newsletter-editor.html Describe the bug How to reproduce the bug?Open the developer tools at the console tabRun the code belowSelect the text addedEdit somethin...
shkhalid
+1
pety-dc
Hey I've been having similar issues. I think it's quite serious as both newsletter and mjml demo are affected. (Both use CKeditor as RTE) When I import a content that has a text (mj-text) that has styled elements (span) the imported conten...
raymondmakz
ckeditor output: <div>some rich text from <span style="color:blue">ckeditor</span></div> after parsing into editor, become like: <div data-gjs-type="text">some rich text from <span style="color:blue" data-gjs-type="default">ckeditor</span>...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome latest versionReproducible demo link none as it has way too much custom code with react and things like thatDescribe the bug How to reproduce the bug? add more styles to editor with setStyles here is the string that I...
bovealexandre
and when I try to add this it only adds this
artf
@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason
bovealexandre
@bovealexandre provide at least a minimal reproducible example as from what I can see right now it might be your custom code the reason ok I just had to editor.getCss({ keepUnusedStyles: true } on my scss editor
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 103.0.5060.134Reproducible demo link https://stackblitz.com/edit/node-zrdtg4?file=index.jsDescribe the bug How to reproduce the bug?Initialize Editor in headless modeLoad the project data with just a basic text node <...
skru
see #4473
artf
Fixed here https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6
GJSBlock
Thanks for reporting this, @bimsina. Great question about Running in headless mode requires window. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific m...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 103.0.5060.114 Reproducible demo link https://codepen.io/Dominic_M/pen/eYMgqyw Describe the bug How to reproduce the bug?Follow GrapesJS "Getting Started" >> https://grapesjs.com/docs/getting-started.htmlCon...
artf
@mickeyDominic you're placing all the default panels under the same object Where it should be one object per panel
mickeyDominic
Thank you @artf. Silly me :)
GJSBlock
Thanks for reporting this, @mickeyDominic. Great question about 'panel-devices' and 'panel-switcher' conflicting. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Browser Last version Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Opens the demo page.Puts an image.Double click to select image.Set width to 100%.Set height to auto...
artf
Hi Ronaldo, I'm not sure if there is a simple way to fix this behavior globally for all use cases as you're resizing the image for both sizes and not only the width (in that case the height wouldn't change). What I can suggest trying is to...
gustavohleal
Hi @artf. One way we thought to fix this for our use case based on our users is to change the units for width and height always together. That means when the user changes the width from pixels to %, for example, the height will also be cha...
ronaldohoch
Let me know if that works for you Hi Arthur, these configuration didn't make any changes to the image, it keeps setting the height with px instead of auto, as property keepAutoHeight suggest
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 103.0.5060.114 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Click a parent container, such as the first component with the .container-width class in the demoIn typography,...
artf
Hi Barry, yeah currently this is the expected behavior (check also this discussion) but I hope one day to add proper support for inherited properties.
barryross
okay, thank you for letting me know On Mon, Jul 18, 2022 at 9:29 AM Artur Arseniev @.> wrote: Hi Barry, yeah currently this is the expected behavior (check also this discussion <https://github.com/artf/grapesjs/discussions/4245>) but I hop...
GJSBlock
Thanks for reporting this, @barryross. Great question about Style manager does not accurately reflect inherited color. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? chrome latest versionReproducible demo link none for the momentDescribe the bug How to reproduce the bug?create a Page Manager with functions from Pages APItest the select function (if you have something in your head it will...
bovealexandre
so the add function is fixed there was an error with the data I sent but I still can't understand why Tailwind css doesn't apply despite the fact that it is in the head tags
artf
Are you using config.canvas.styles option? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 Can you create a reproducible demo of your use case?
bovealexandre
Hi @artf unfortunately I can't create a reproducible demo on CodePen or JSFiddle because there are way too many things on it and I'm using technologies like nextJS but I can give you access to the repository if you need it is a private rep...