Free and Open source Web Builder Framework. Next generation tool for building templates without coding
config.pageManager.selected option #5463Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.9...v0.21.10
multiUploadSuffix config to AssetManager by @merlinschumacher in https://github.com/GrapesJS/grapesjs/pull/5672
emptyValue property to StyleManager stack type #5583onPaste and onKeydown options to RTE module #5682StyleManagerConfig.sectors.properties #5613Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.8...v0.21.9
/ in class names by @mahmudz https://github.com/GrapesJS/grapesjs/pull/5433
nomodule attribute for canvas.scripts optionsdelegate property to Component. Example of usage https://github.com/GrapesJS/grapesjs/discussions/5507
Component.replaceWith (now returns always an array of components)component:styleUpdate on component.addStyle/setStyle #5424id in HTML export #5441rte:disable on component move #5545Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.7...v0.21.8
src/styles back to the distributed package (will be removed with the next breaking change release) #5392Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.6...v0.21.7
dist/grapes.mjs)@container CSS at-rule #5372Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.5...v0.21.6
editor.Components.canMove API
component.setClass #5319component.badgable is false #5340Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.4...v0.21.5
config.canvas.allowExternalDrop option #5242null #5229state and device for component related styles #5213Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.3...v0.21.4
addStyles option to editor.Css.setRule #5173usePlugin is not a function #5167PropertyStack in bundled dts file #5154defaults as functions #5199Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.2...v0.21.3
disableTextInnerChilds option to Components module configuration.
With this option, you're able to decide which inner component inside text should be disabled (eg. no select, no hover, no layer visibility) once edited.
grapesjs.init({
// ...
domComponents: {
// disable all inner childs
disableTextInnerChilds: true,
// disable all except link components
disableTextInnerChilds: (child) => !child.is('link'),
}
})
usePlugin for a better TS support with plugins
Component.forEachChild method.Components.addType
component:styleUpdate on component style changes #4897addStyle(string, string) #5105fonts folderFull Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.21.1...v0.21.2
⚠️ POSSIBLY BREAKING CHANGE
The biggest change we introduce with this release is the complete rewrite of modules to Typescript. This deprecates the old ./index.d.ts (manually updated) in favor of ./dist/index.d.ts (generated from the source).
So there are no real changes to the core API itself if not the new TS declaration file which includes type/interfaces changes in order to bring more naming consistency with the code.
This is how you might have used the import of types in the previous version:
import type grapesjs from 'grapesjs';
// plugin
const plugin: grapesjs.Plugin = function (editor: grapesjs.Editor, opt: ...) {...};
Now you can get types directly without specifying the grapesjs namespace (which is the most common way to import types):
import type { Editor, Plugin } from 'grapesjs';
// plugin
const plugin: Plugin = function (editor: Editor, opt: ...) {...};
noCustom option to Component.getName() in order to skip custom name assigned to the component.rename method to SelectorManagerfetchOptions to AssetManager configsshowOffsetsSelected #4998args by @Zaxcoding in https://github.com/GrapesJS/grapesjs/pull/4910
Full Changelog: https://github.com/GrapesJS/grapesjs/compare/v0.20.4...v0.21.1