CMS (Grapes JS) plugins

[vision]

2022.10 branch.

Hello!

How can I add or enable image-editor plugin to GrapesJS?

[aimeos]

Check the GrapesJS documentation. The custom GrapesJS setup is located here and you can add custom code in the themes/admin/jqadm/custom.js of your own project-specific Aimeos extension:
https://github.com/aimeos/ai-cms-grapes ... /custom.js

[vision]

Check the GrapesJS documentation. The custom GrapesJS setup is located here and you can add custom code in the themes/admin/jqadm/custom.js of your own project-specific Aimeos extension:
https://github.com/aimeos/ai-cms-grapes ... /custom.js

Yes I did it in custom.js:

Code: Select all

 
...
GrapesJS: {
		config: {
			container: null,
			components: '',
			fromElement: false,
			showDevices: false,
			noticeOnUnload: false,
			height: 'calc(100vh - 10rem)',
			width: '100%',
			plugins: ['grapesjs-plugin-header', 'grapesjs-tui-image-editor'],
			pluginsOpts: {
				'grapesjs-table': {
					classTable: 'table',
					style: `
						.table .row {
							display: table-row;
						}
						.table .cell {
							width: auto; height: auto;
						}
					`,
					tableProps: {
						footer: false
					}
				},
                		'grapesjs-tui-image-editor': {
                    			config: {
                      				includeUI: {
                        				initMenu: 'filter',
                      				},
                    			},
                		}
	},
...
grapesjs.plugins.add('grapesjs-tui-image-editor', window['grapesjs-tui-image-editor'].default(editor, opts['grapesjs-tui-image-editor']));
...

But it doesn't work.

Should I add "grapesjs-tui-image-editor.min.js" code to grapes-ext.js?

[aimeos]

Sure, you need to add all necessary JS code.