v0.17.27

Docs

• Updated Blocks module documentation.
• Updated CSSRule model documentation.
• Added Components & CSS section.
• Added Frame model documentation.

Added

• Added getAllWrapper method to Pages API.
• Added remove and addRules methods to CssComposer API.
• Added onReady method to Editor instance.
• Added support for component related styles.
• Added support for custom Block Manager with the new config.blockManager.custom option. More about this here.

Changed

Fixed

• Fixed CssComposer add/get methods
• Fixed default render of modules containing appendTo #3835

v0.17.26

Docs

• Added Modal module documentation.
• Added Asset model documentation.
• Improved Modal API documentation.
• Improved Assets module documentation.

Added

• Support custom Modal with the new config.modal.custom option.
  More about this here.
• Added modal catch-all event to Modal module.
• Support custom AssetManager with the new config.assetManager.custom option.
  More about this here.
• Added open and close methods to AssetManager.
• Added getType and getSrc methods to Asset class.

Fixed

• Fixed rendering issue with custom traits #3735

v0.17.25

Docs

• Added Parser API Reference
• Added CssRule API Reference
• Added Block API Reference
• Added Device API Reference
• Updated Devices API Reference

Added

• Added headless option in order to use GrapesJS in Nodejs.
  Not all the API are supported: #3672
• Added canvas.getCoords and canvas.setCoords methods #3668
• Added default device option in deviceManager configuration #3679
• Added onClick property to Block
• Allow Content-Security-Policy without unsafe eval #3558

Fixed

• Fix default color in ColorPicker #3670
• Sync text component before store #3615
• Make asset selection more consistent #3613
• Fix badge positioning #3675
• Fix absolute mode positioning #2547

v0.17.22

Added

• Allow exporting CSS rules from code manager by using json option.
  editor.CodeManager.getCode(component, 'css', { json: 1 })
• Generate CSS code from the array of rules in code manager.
  editor.CodeManager.getCode(null, 'css', { rules: [...] })
• Added editor.addStyle method
• Added editor.getEditing method

Fixed

• Fix error when adding iframe as HTML code #3575
• Fix activatable blocks on drop #3579
• Don't escape textnodes in script components #3620
• Escape asset rendering #3596
• Update style manager properties on dragMode change #2374

v0.17.19

Added

• Added iframe component #3491
• Allow editing iframe content before load #3285

Changed

• Deprecated style-signature Component property

Fixed

• Fixed button trait type #3497
• Fixed errors on page remove
• Avoid unselectable components in component-enter command #3511
• Fixed default command run post frame load #3475
• Fixed conflicts in RTE with multiple editor instances #3475
• Fixed layers visibility change #3508

v0.17.4

Added

• Add a new extend option in LayerManager config, in order to extend the layer item view

Changed

• Allow droppable component property to be a function for a more granular check #3393

Fixed

• Avoid tracking device changes in undo manager #3437
• Prevent breaking the changes counter #3412
• Fix destroy method #3442
• Check target in sorter before move #2498
• Fixed issue with panels visible attribute being not used #3430

Removed

• Remove old staticRules option in CssComposer #3425
• Remove old wrapper related configurations #3459

⚠️ v0.17.3

⚠️ POSSIBLY BREAKING CHANGE

Added

• ⚠️ New Pages API for handling multi-pages in GrapesJS Check PR - Demo
• Adds a title attribute to layers panel elements #3360
• Added Swedish translation #3384

Changed

• Update _gjs_canvas.scss, allow vars to override and fix missing use of $canvasTop #3391

v0.16.45

Changed

• Expose the view for block category models #3293

Fixed

• Improve Layer name editing #3319
• Fix string symbols #3325

v0.16.44

Added

• Expose CodeMirror in CodeMirrorEditor.js #3286

Changed

• Resize components properly with percentages #3186

Fixed

• Fix clone #3291
• Avoid rendering blocks twice #3283 #3284
• Fix for old Components with JS containing comments #3300

Removed

• Remove useless code from Block #3274

v0.16.41

Added

• Added root options optsHtml and optsCss, in order to pass them as default to editor.toHtml() and editor.toCss() (eg. used already in the export code and the Storage)
• Added cleanId option to editor.getHtml in order to remove unnecessary IDs (eg. those created automatically)
• Added Component.removeAttributes method
• Added options as a second argument to the Component.components() method
• Added ComponentView.onAttrUpdate callback
• Added component:remove:before event. This allows to put conditions before deleting a component

editor.on('component:remove:before', function(component, remove, opts) {
  if (component.is('my-custom-type')) {
    opts.abort = true; // This will abort the remove
    // Pseudo-code of some modal/dialog
    yourAsyncDialog('Are you sure?', {
      confirmed: () => remove(), // complete the remove
    });
  }
});

Changed

• Skip the CSSRule from the JSON if there is no style
• Avoid rendering content if the component has children components

Fixed

• Fixed useless updates in component.addAttributes
• Defer SelectComponent in order to prevent canvas "freeze" #2692
• Make the Droppable end event more reliable
• Hide toolbars properly
• Pass properly options in setStyle #3176
• Trigger the counter change on text update #3224
• Fixed Sorter errors and moved them in the warning logs
• Avoid dropping non-selectable and non-editable text nodes inside the editor