search

GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.38k stars 4.05k forks source link

BUG: "Import template" don't work for removing extra styles #4336

Closed javadsamiee closed 2 years ago

javadsamiee commented 2 years ago

GrapesJS version

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?

  1. Add paragraph block
  2. Open "Import template" and add these lines and press "Import" h1, h2, h3, h4, h5, h6{ font-family:Arial, Helvetica, sans-serif; line-height:1.5; } p, span, div{ font-family:Arial, Helvetica, sans-serif; line-height:1.5; color:red; }
  3. The imported codes working correctly
  4. Now open "Import template" and remove those lines that added before and press "Import"
  5. If you open "Import template" again you can see those codes yet and it is not possible to remove them at all, while we can add/remove styles related to blocks and components that have id for example: #issu{ padding:10px; }

https://user-images.githubusercontent.com/65819265/169222606-bd95f54b-8428-4c02-98f0-d702cfa28512.mp4

Is it a bug or a normal behavior? if It is not a bug is there any solution?

What is the expected behavior? The extra styles should be removed after press "Import"

What is the current behavior? The extra styles can be removed

Code of Conduct

artf commented 2 years ago

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