GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 101.0.4951.64 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Add paragraph blockOpen "Import template" and add these lines and press "Import" h1, h2, h3, h4, h5, h6{...
artf
Thanks for the report @javadsamiee but the issue is actually from the preset-webpage plugin https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 and not the core itself. The PR for the fix is welcome
GJSBlock
Thanks for reporting this, @javadsamiee. Great question about "Import template" don't work for removing extra styles. The recommended approach with ProseMirror is to use the event-driven API. Start here: Check the GrapesJS documentation fo...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 100 Reproducible demo link https://jsfiddle.net/4fmd732c/3/ Describe the bug How to reproduce the bug? Given a) componentFirst is set to true b) An element has multiple classes c) CSS rule uses combined selector of...
barryross
@artf Awesome! Thank you. To use these updates, I guess I would just need to re-build the library locally with your changes until next release. I'll give that a shot.
artf
Nice catch, thanks for the report @barryross
barryross
@artf when do you foresee the next release going out?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://jsfiddle.net/ob0ajh67/ Describe the bug How to reproduce the bug?Have a single line of text that has no additional sizing styles (such as padding or explicit height).Attempt to dr...
harsh201
@artf I am also facing same issue. Any suggestions here?
GJSBlock
Thanks for reporting this, @DavidHarvey. Great question about Unable to drop textable components into small text areas. 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 GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Click any component, scroll to Decorations > Background in the style managerAttempt to create a background with a...
bit-ocean
Hi @artf Is there a chance that this feature could get some attention? I find it fundamental. There is a lot of great functionality added to grapesjs since 0.17.29 (the last one grapesjs-style-bg plugin supports) and I would love to use th...
Vac1911
You can use the background color input for an image color but the UI looks confusing and should be changed.
artf
Yeah, I disabled the previous plugin with color/gradients as it's not compatible with the latest versions but I'll work on it soon. For now, I close this issue as it has nothing to do with the core itself.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v100 Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Create a text blockApply a style to block (text color)Create a class and sync the value on itEdit again the color...
GJSBlock
Thanks for reporting this, @codingaddicted. Great question about in component first mode, sync works only the first time on UI feedback. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the Grape...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/q7cxvpf5/1/ Describe the bug When I use this code it stops working after one div change and then no longer accepts any more style changes to any other divs: editor.on('sty...
GJSBlock
Thanks for reporting this, @clonefunnels. The issue with insert styles from StyleManager with !important broken appears to be a race condition or state management timing problem. This typically happens when component lifecycle events and D...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome v9Reproducible demo link Not thereDescribe the bug How to reproduce the bug?Install the Grapes js in react app and run itMake the facebook plugin components and import it in grapes js ( get the facebook page listing c...
Sudhin35
@artf Please help me on this
artf
I see no issue when I run editor.setComponents(...FB HTML..) Please provide a reproducible demo.
Sudhin35
@artf Thanks for the reply but you have added editor.setComponents(...FB HTML..) by default and then loaded the editor Please create a component of FB HTML and Drag& drop the component in editor , it wont load This way i have tried
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Brave Last, tested on chrome last and Safari Last. Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?I have a video: https://www.loom.com/share/508e91098bf247bd93d525f2efa00a36...
artf
Thanks for the report @ronaldohoch This will be fixed in the next release.
ronaldohoch
@artf worked! Thank you π
ronaldohoch
@artf I couldn't run it locally because several tests didn't pass, is it like that with you too? Can I try to fix them? e.g.:
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link no link Describe the bug How to reproduce the bug?... use a demo json that can generate some component on the canvas, set an id in attributes ... use editor.setComponents(json)... set style us...
artf
Hi @shelendravashishtha2 can you please indicate the exact steps (I need to know what is the json you're referring to)
JonathanRiche
I've seen this happen to if you don't save a reference to the CSS before using the editor.setComponents() method All of the CSS markeup from the elements id selector/reference is removed when using editor.setComponents() method The exact s...
JonathanRiche
I think I found the issue on my end using editor.getComponents().toJSON(); adds an empty "style":"" field to some of the components which is clearing out there CSS ie "components": [ { "type": "box", "style": "", "attributes": { "id": "ic7...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99.0.4844.5 Reproducible demo link https://jsfiddle.net/ct5r4kvg/ Describe the bug How to reproduce the bug?Integrated in Angular 10 application with following codewhile running we are getting CORS error in angular...
lalitog
My server side script is in PHP so i added this code in my script and it works fine for me - header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Methods: GET, POST'); header("Access-Control-Allow-Headers: X-Requested-Wit...
mastercorp-usa
please anybody help us for this problem, its very urgent for me