[Question] How to work with Custom Components

Question

Hello, I have some questions and issues about and with the grapes editorProblem 1 In a component, which class is there extended? Is it really this class?Problem 2 I have created a codesandbox which shows which issues I currently have. It is oriented on the mjml-pluginSandbox Output Sandbox CodeSteps to reproduceDrag the Button block into the editorSee that there are no classesModify the widthThe size is not changingReload the pageThe size is now applied because now a class has been addedNow whe...

artf · Accepted Answer

Problem 1

It depends (you can extend other types), but that is the base for all the components

Problem 2

Here you should point out only issues related to the core library and not its plugins

Problem 3

Please read carefully this https://grapesjs.com/docs/modules/Components.html

HakuTheWolfSpirit · Answer

Please read carefully this https://grapesjs.com/docs/modules/Components.html

Yeah, forgot an important line defaults: { ...defaultModel.prototype.defaults, ...props }

Here you should point out only issues related to the core library and not its plugins

Well that was not really a problem with the mjml plugin. I was looking for editor.getConfig().forceClass = false

Now it is behaving mostly like it is intended to. Except for the flickering resize indicator. But thats another topic.

adelliinaa · Answer

What are the steps of importing a customised component?

How to work with Custom Components

Question

Problem 1

Problem 2

Steps to reproduce

Problem 3

Answers (3)

Related Questions and Answers

resetId types mismatch

"component:update" does not trigger when components are moved

[Feature] custom processor callback for components generated from Vue

Values are not escaped

Paid Plugins That Match This Issue

Browse Plugin Categories