[QUESTION] Custom type component in production environment

Question

Hi, I have a question, when I create a custom type component from the editor, what would be the next step to show that component in my application? Currently I am saving the component data in firebase with the firestore plugin, the attributes that are stored in the object are the following: gjs-assets, gjs-components, gjs-css, gjs-html and gjs.styles.

What would be next if I want to use these components in my production environment? Should I use a javascript framework or library? or maybe the same grape editor without the ability to edit, thanks.

Ju99ernaut · Accepted Answer

onRender simply specifies what should happen when you successfully place a component onto the canvas, whereas script is code that will be generated in your html inside script tags. Something like:

Ju99ernaut · Answer

I think in a production environment all you need is the html and css code generated by grapesjs.

robertraf · Answer

I understand that part, but if I want to render the component I have created it doesn't work. I'll explain a little, I have created a type of component that renders data from an endpoint, if I use the html and css code it doesn't work. Custom Component Type editor.DomComponents.addType('group', { model: { defaults: { // The tag name that will be used in the final code tagName: 'div', attributes: "", // You would use traits to customize custom properties traits: [ { type: 'select', changeProp: 1...

Custom type component in production environment

Question

Answers (3)

Related Questions and Answers

Create one more key in JSON

[QUESTION] Custom component property that is not a trait

Creating a new component type does not inherit the functions of it's parent type

[Question] How to add "Ordered/Unordered List" option in rte/custom block

Paid Plugins That Match This Issue

Browse Plugin Categories