Custom Component Integration

Question

Hello! I want to integrate a custom component with GrapesJS, using Angular CLI 7, but it doesn’t render. My component is built on top of another open-source component. When I want to include it in any Angular project, I would just import the dependencies/libraries in the typescript files and the component itself (e.g.:

) in the HTML. In order to use it within GrapesJS, I initially created a Block Manager, where I attached my custom component: var editor =...

artf · Accepted Answer

Ok, but what will you do with the output (Angular components) of the editor? I mean, how you will use it at the end? Anyway, I see two different approaches to this kind of situation:Create a custom render for each component (the exact thing/concept I've made with MJML). This is the most accurate approach because I should see in the canvas the exact component of the framework (eg. obviously if the renderer uses the same "compiler", in your case the Angular framework). Probably not the easiest ap...

artf · Answer

@adelliinaa let's start from a simple question because I don't understand, what kind of editor are you trying to create? A builder for Angular components?!?

adelliinaa · Answer

I want to create a form builder similar to the one which you created with the MJML components, but using Angular CLI instead of JS. And yes, the customed components which I want to integrate within GrapesJS are built in Angular as well.

Custom Component Integration

Question

Answers (3)

Related Questions and Answers

FEAT: Disable scripts on canvas

Extend Pannel/Command examples/documentation with opening a new view

Custom component not pulling through style on first add.

[QUESTIONS] How to set style for pseudo elements (:after and :before)

Paid Plugins That Match This Issue

Browse Plugin Categories